HTML5技术

HTML语义化的重要性 - 青青子衿619

字号+ 作者:H5之家 来源:H5之家 2016-10-19 16:00 我要评论( )

语义化标签就是尽量使用有相对应的结构的含义的Html的标签 1.结构更好,更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,因为结构清晰,so易于阅读)。 2.更有利于特殊终端的阅读(手机,个人助理等) 尽量用有结构含义的,少用无语义的,如sp


语义化标签就是尽量使用有相对应的结构的含义的Html的标签

  1.结构更好,更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,因为结构清晰,so易于阅读)。

  2.更有利于特殊终端的阅读(手机,个人助理等)

  尽量用有结构含义的,少用无语义的,如<span>,<div>无意义,看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容
区分于不同内容。
  怎么判断你的页面是否符合Web标准之一:语义化标签呢?

    你可以把你的页面暂时去掉样式后看可读性怎么样,如果这个时候感觉你的页面很乱,

  那就说明的的页面的语义化标签不怎么样,而如果你的页面去掉样式了感觉依然不是杂乱无章的,那么,就说明你的页面结构清晰,语义化标签使用比较规范了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5:web socket 和 web worker - 奔跑的铃铛

    HTML5:web socket 和 web worker - 奔跑的铃铛

    2016-10-19 15:00

  • HTML 自学笔记(HTML的基本结构+文档设置标记) - 血手牵驴

    HTML 自学笔记(HTML的基本结构+文档设置标记) - 血手牵驴

    2016-10-19 14:00

  • HTML5新增元素、标签总结 - 奔跑的铃铛

    HTML5新增元素、标签总结 - 奔跑的铃铛

    2016-10-19 12:00

  • 基于html5,父级块中添加video,不能全屏播放的问题解决。 - 猕猴桃姑娘

    基于html5,父级块中添加video,不能全屏播放的问题解决。 - 猕猴桃

    2016-10-18 18:00

网友点评
c