在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。
1.为啥使用语义化标签?
（1）. 更容易被搜索引擎收录。
（2）. 更容易让屏幕阅读器读出网页内容。
（3）. 能够更好的体现页面的主题。
（4）.兼容性更好，支持更多的网络设备。
常见的结构语义化标签
section : 类似于div,section更偏向划分区域
article : 更偏向于内容的展示
aside : 在一边的，在一旁的，侧边
header : 表示内容的头部、网页的头部、头部区域
footer : 表示网页的底部、内容的底部、底部区域
nav ： 导航连接、导航区域
figure ： 表示一块独立的内容
figcaption ： figure的标题
main : 主体内容
mark : 高亮显示 默认背景为黄色（可以更改背景 内联元素）
time : 放时间的
dialog : 类似于微信的对话框
下面我给大家演示下，用常用的结构语义写一个网页
这是网页的结构
再加上对结构的表现，出来后如下图。
大家可以清晰的看到结构的布局吧。开头是header元素，左边是导航dav元素，中间的是主体main元素，主题分为两块内容article元素。内容元素里包含着标题header元素和底部footer元素，中间的是内容用常见的段落p元素就可以。最右边在一侧的是aiside元素，还有最后整体的底部footer元素。
mark元素是高亮显示，常用来突出文字，颜色默认是黄色，当然也可以更改。
这些是H5常用的结构化语义标签，当然还有更多的语义化标签，大家可以通过这个链接去看下：HTML 5 参考手册
