码迷,mamicode.com
首页 > 其他好文 > 详细

正确使用标签

时间:2017-11-13 13:37:44      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:关联   无语   some   tar   original   网上   for   anti   inpu   

今天同事无意间看了我在网页的小标题上用到了h1标签,然后反问到,这里再怎么样也用不到h1吧。心里瞬间奔溃,写了这么久的静态页面,原来最基本的也不会,网上开始查阅一些语义化标签,和一些搜索引擎的规范。

1. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。H2、H3、H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

2. dl 中dt最好使用一次,且其中不能嵌套快级元素标签,dd可使用多次,且可使用快级元素标签,以前一直觉得dt中的t是指的text,所以就在其中添加一些p标签且使用多次,切记切记,下次不犯错。

3. 尽可能少的使用无语义的标签div和span;在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。

技术分享

4. 每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

5. 最后推荐一个大牛的博客http://www.html5jscss.com/html5-semantics-section.html

正确使用标签

标签:关联   无语   some   tar   original   网上   for   anti   inpu   

原文地址:http://www.cnblogs.com/dyf1471404820/p/7825560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!