web语义化

web语义化的一些见解
web语义化,人可以通过视觉去辨别代码的语义,而搜索引擎看到的只是代码,它只能通过标签来判别语义。语义化最重要的一点是HTML的语义化,为了实现编写的代码尽可能对搜索引擎友好,所以要尽可能的使标签语义化。语义化的最终目的是为了实现让人和搜索引擎更容易理解代码。
如一些标签的语义:
h1~h6:标题;
th:表的头部;
p:段落;
strong:强调突出;
ul:无序列表;
ol:有序列表;
HTML5中的新标签元素,如<nav>,<footer>
举个例子来说明一下语义化,看到网上有说的strong 和font-weight: bold这两者有什么区别,考虑这个问题需要从语义化的角度出发。
font-weight只是单纯的加粗字体,而strong是为了强调突出,如果只是为了实现页面的效果加粗字体,应尽量使用font-weight;如页面中需要对强调的关键内容加粗,应尽量使用strong。
在编写HTML文档是应尽量减少使用没有语义的标签,如<span>标签,对标题应尽可能使用h1~h6,根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。Html5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。
借用一张图来表达HTML5的语义化,如按照下图所示结构编写出来的代码更加能够让人理解。
这里写图片描述

发布了45 篇原创文章 · 获赞 15 · 访问量 14万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章