2017年7月25日

HTML设计规范（3）基础交互设置

基础交互设置

  • meta 标签设置，禁止缩放，避免用户不小心缩放而导致的用户界面混乱
  • <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  • 添加到主屏的ICON 
    <!-- Standard iPhone -->  
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />  
<!-- Retina iPhone -->  
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />  
<!-- Standard iPad -->  
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />  
<!-- Retina iPad -->  
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
  • 添加到主屏的标题 
    <meta name="apple-mobile-web-app-title" content="标题" />
  • 忽略将页面中的数字识别为电话号码 
    <meta name="format-detection" content="telephone=no" />
  • 忽略识别邮箱 
    <meta name="format-detection" content="email=no" />
  • ​Landmark相关role 
    <div class="landmark">
    <div role="banner">表示横幅区 role="banner" 横幅 内容 </div>
    <div role="navigation">表示导航区 role="navigation" 导航 内容 </div>
    <div role="search">表示搜索区 role="search" 搜索 内容 </div>
    <div role="main">表示主要内容区 role="main" 主要内容 内容 </div>
    <div role="complementary">表示补充内容区 role="complementary" 补充内容  </div>
    <div role="contentinfo">表示版权和隐私区 role="contentinfo" 版权和隐私  </div>
    <div role="form">表示表单区 role="form" 表单  </div>
    <div role="application">表示应用程序区 role="application" 表示应用程序区  </div>
</div>

除了form和applation没有任何提示外，其他role值均有语音提示。 
banner、navigation、search、main、complementary、contentinfo可以应用到相应的提示区块。

可明显提示标签功能的role值有： 
button、checkbox、combobox、heading、menuitem、menuitemcheckbox、menuitemradio、progressbar、radio、slider、tab。

Author:
Filed Under: Work

1,506 thoughts on “HTML设计规范（3）基础交互设置”

  • The subsequent time I learn a weblog, I hope that it doesnt disappoint me as much as this one. I imply, I know it was my option to read, but I really thought youd have one thing fascinating to say. All I hear is a bunch of whining about one thing that you can fix should you werent too busy on the lookout for attention.

    回复

  • A large percentage of of what you say happens to be astonishingly appropriate and it makes me wonder why I hadn’t looked at this in this light before. This particular piece really did switch the light on for me as far as this particular issue goes. But at this time there is actually one issue I am not really too comfy with so while I try to reconcile that with the actual central theme of the point, permit me observe what all the rest of your readers have to point out.Very well done.

    回复

  • A lot of what you mention happens to be supprisingly accurate and that makes me ponder the reason why I hadn’t looked at this with this light previously. Your piece truly did turn the light on for me personally as far as this specific subject goes. Nonetheless at this time there is actually just one point I am not really too cozy with and whilst I attempt to reconcile that with the main theme of the point, let me see exactly what the rest of your subscribers have to point out.Very well done.

    回复

  • You are so awesome! I do not suppose I’ve truly read something like this before. So wonderful to discover someone with some original thoughts on this subject matter. Seriously.. thank you for starting this up. This website is something that is needed on the web, someone with a bit of originality.

    回复

  • In these days of austerity plus relative stress and anxiety about incurring debt, lots of people balk resistant to the idea of utilizing a credit card in order to make purchase of merchandise and also pay for a vacation, preferring, instead to rely on the actual tried and also trusted procedure for making payment – hard cash. However, if you’ve got the cash available to make the purchase fully, then, paradoxically, this is the best time for them to use the cards for several motives.

    回复

  • Thanks for the sensible critique. Me and my neighbor were just preparing to do a little research on this. We got a grab a book from our local library but I think I learned more from this post. I am very glad to see such excellent info being shared freely out there.

    回复

  • A few things i have generally told people is that when you are evaluating a good on-line electronics retail outlet, there are a few variables that you have to consider. First and foremost, you want to make sure to choose a reputable and reliable retailer that has enjoyed great testimonials and ratings from other individuals and business world leaders. This will ensure you are getting along with a well-known store that can offer good services and aid to it’s patrons. Many thanks for sharing your opinions on this web site.

    回复

  • I do like the way you have presented this particular situation and it does indeed offer us some fodder for consideration. On the other hand, through just what I have observed, I simply trust when the actual reviews stack on that men and women keep on issue and not get started upon a tirade involving some other news du jour. Anyway, thank you for this outstanding piece and though I do not necessarily agree with this in totality, I respect the point of view.

    回复

  • There are some attention-grabbing closing dates on this article however I don?t know if I see all of them middle to heart. There’s some validity however I’ll take maintain opinion until I look into it further. Good article , thanks and we want extra! Added to FeedBurner as well

    回复

  • I’ve noticed that repairing credit activity really needs to be conducted with tactics. If not, you will probably find yourself endangering your rating. In order to realize your aspirations in fixing your credit ranking you have to verify that from this minute you pay your entire monthly dues promptly before their timetabled date. It is really significant simply because by never accomplishing that area, all other steps that you will decide to try to improve your credit rank will not be useful. Thanks for sharing your tips.

    回复

  • The things i have usually told individuals is that when looking for a good internet electronics retail outlet, there are a few aspects that you have to take into consideration. First and foremost, you need to make sure to get a reputable as well as reliable retailer that has got great critiques and rankings from other buyers and market sector people. This will ensure that you are handling a well-known store to provide good assistance and support to the patrons. Many thanks sharing your notions on this weblog.

    回复

  • I might also like to express that most of those who find themselves without having health insurance are typically students, self-employed and people who are laid-off. More than half with the uninsured are under the age of Thirty five. They do not feel they are looking for health insurance since they’re young along with healthy. The income is often spent on housing, food, along with entertainment. Lots of people that do work either full or not professional are not given insurance by way of their jobs so they go without because of the rising tariff of health insurance in the usa. Thanks for the suggestions you talk about through this website.

    回复

  • One thing is the fact one of the most typical incentives for making use of your credit cards is a cash-back as well as rebate present. Generally, you’ll have access to 1-5 back on various purchases. Depending on the cards, you may get 1 back again on most expenditures, and 5 back on acquisitions made at convenience stores, filling stations, grocery stores plus ‘member merchants’.

    回复

  • Thanks for enabling me to obtain new ideas about pcs. I also hold the belief that certain of the best ways to help keep your notebook computer in excellent condition is with a hard plastic case, or maybe shell, which fits over the top of one’s computer. A majority of these protective gear will be model targeted since they are manufactured to fit perfectly on the natural covering. You can buy all of them directly from the vendor, or through third party sources if they are for your notebook, however not every laptop could have a shell on the market. Once more, thanks for your suggestions.

    回复

  • I?m impressed, I have to say. Really hardly ever do I encounter a weblog that?s both educative and entertaining, and let me inform you, you’ve hit the nail on the head. Your idea is excellent; the difficulty is one thing that not enough persons are talking intelligently about. I am very blissful that I stumbled throughout this in my search for something referring to this.

    回复

  • Some tips i have seen in terms of laptop memory is that there are requirements such as SDRAM, DDR and so on, that must fit the features of the mother board. If the personal computer’s motherboard is pretty current while there are no operating-system issues, improving the memory literally usually takes under an hour or so. It’s one of several easiest laptop or computer upgrade procedures one can picture. Thanks for revealing your ideas.

    回复

  • When I initially left a comment I seem to have clicked on the -Notify me when new comments are added- checkbox and now every time a comment is added I recieve 4 emails with the same comment. Perhaps there is an easy method you can remove me from that service? Many thanks.

    回复

  • Thanks for your posting. What I want to point out is that when you are evaluating a good internet electronics go shopping, look for a internet site with entire information on important factors such as the level of privacy statement, security details, payment guidelines, and also other terms and also policies. Continually take time to read the help and also FAQ sections to get a greater idea of how a shop functions, what they are able to do for you, and in what way you can make best use of the features.

    回复

  • Good post. I be taught one thing tougher on completely different blogs everyday. It can always be stimulating to read content from other writers and practice just a little one thing from their store. I?d favor to make use of some with the content material on my weblog whether you don?t mind. Natually I?ll give you a link on your internet blog. Thanks for sharing.

    回复

  • Fantastic goods from you, man. I’ve understand your stuff previous to and you’re just extremely fantastic. I really like what you have acquired here, really like what you’re stating and the way in which you say it. You make it enjoyable and you still care for to keep it smart. I can not wait to read far more from you. This is actually a terrific site.

    回复

  • Nice weblog right here! Additionally your web site lots up fast! What web host are you using? Can I am getting your associate link in your host? I desire my site loaded up as quickly as yours lol

    回复

  • I have noticed that in digital cameras, unique detectors help to {focus|concentrate|maintain focus|target|a**** automatically. The sensors associated with some digital cameras change in contrast, while others work with a beam associated with infra-red (IR) light, specially in low lighting. Higher spec cameras often use a combination of both programs and may have Face Priority AF where the photographic camera can ‘See’ your face and concentrate only in that. Thank you for sharing your thinking on this blog.

    回复

  • Wonderful items from you, man. I have take into account your stuff prior to and you are simply too wonderful. I actually like what you have obtained here, certainly like what you are stating and the way in which wherein you are saying it. You make it enjoyable and you still take care of to stay it sensible. I cant wait to read far more from you. That is really a great web site.

    回复

发表评论

邮箱地址不会被公开。 必填项已用*标注

5 + 2 =

Copyright © 2014-2023 CanMeng.

  • 本站由 提供计算与安全服务.

  • TOP