H5语义化标签

H5新特性之语义化标签

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

语义化结构标签

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

小试牛刀

结构代码如下:
H5语义化标签
样式代码如下:
H5语义化标签
效果图如下:
H5语义化标签