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的语义化，如按照下图所示结构编写出来的代码更加能够让人理解。