标签的正确使用方法

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,203评论 2 19
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,472评论 0 3
  • 其实,心心念念的不是电影,是陪你看电影的那个人
    好久没提笔阅读 113评论 0 0