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

 posted on 2017-11-13 11:34  董董董啊  阅读(320)  评论(0编辑  收藏  举报