H5语义化标签

H5新特性之语义化标签

HTML5语义化标签（在这里值得一提的是，HTML5的标签其实呢和div没什么区别，也就是说没有特殊的功能，唯一的区别就是语义化，不同的标签有不同的含义）

语义化结构标签

header:头部标签，表示内容的头部、网页的头部、头部区域
footer：底部标签，表示网页的底部、内容的底部、底部区域
section:类似于div,section 更偏向划分区域，用来包裹某个模块
article：更偏向于内容的展示
aside：通常是在一旁的部分
nav：导航区域
figure：表示一块独立的内容
figcaption：figure的标题（一般放在figure的第一位或者最后一位）
main：主体内容（IE不兼容）
mark：高亮显示，默认背景为黄色（可以更改背景，内联元素）
time：放时间的
dialog：类似于微信的对话框 ( 默认display:none 默认定位 默认边框 )

小试牛刀

结构代码如下：

样式代码如下：

效果图如下：