正确使用标签

今天同事无意间看了我在网页的小标题上用到了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

转载于:https://www.cnblogs.com/dyf1471404820/p/7825560.html