语义化标签从字面上理解就是标签的本身命名具有明确的布局或者功能含义。比如:

     
之于
     

前者我们需要从div的class属性来判断这个div的作用和位置，而后者只用看到它的名字就可以得到这些信息。

语义化标签的作用和优点：

1 利于开发人员阅读和维护

2 在css丢失或暂无时可以保证基本的效果，比如因为网速效果而css文件不能尽快加载的时候，要实现文字删除线效果可以使用标签<del></del>或者<s></s>而可以不依赖外联的css文件  text-decoration: line-through 

3 对搜索引擎友好。搜索引擎的爬虫可以根据语义化的显著标记来确定内容的权重以便搜索结果的排列展示。而html5中的 text-decoration: line-through 等就是开发者之前为div

标签使用最多的id或css命名

4 对移动端支持友好。部分移动端设备对css的支持不够完好，所以使用语义化标签可以尽可能的支持移动设备

5 能够实现一些特定功能。比如<audio>和<video>分别定义了音频和视频