一、什么是Web语义化？
Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。
二、为什么要Web语义化？
- 去掉样式后页面呈现清晰的结构
- 盲人使用读屏器更好地阅读
- 搜索引擎更好地理解页面，有利于收录
- 便于团队项目的可持续运作及维护
三、怎样进行Web语义化？
Web语义化包含两个方面：html语义化及css命名语义化。
1.HTML语义化
一个html元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。
如果可以在合适的位置使用恰当的标签，那么写出来的页面语义明确，结构清晰，搜索引擎也可以认出哪些是页面重要内容，予以较高的权值。h1~h6这几个标签在搜索引擎中权值非常高，用它们作页面标题就是一个简单的SEO优化了。
在有些面试的时候会问到类似strong 和font-weight: bold有什么区别，这时候就可以从语义化的角度解答了。
一些标签语义
h1~h6：标题
th：table的header
p：段落
ul：无序列表
ol：排序列表
dl：definition list，定义列表
dt：definition title，定义名称
dd：definition description定义描述
em：emphasized，局部强调,段落内强调
strong：更强烈的强调，全文强调
2.CSS命名语义化
CSS类命名一般有两种常见的方式：结构化命名和语义化命名。
像left-bar、red-text、small-title这些都属于结构化命名的例子。当网页布局发生改变时，我们就需要将所有结构化命名重新定义。而如果是使用语义化命名就可以很好地避免这个问题。
相关链接：CSS代码命名惯例语义化的方法