HTML-CSS（三十四）HTML5新语义化标签

header：页眉

footer：页脚

main：主体

hgroup：标题组合(如果出现两标题相邻，则可以使用这个)

nav：导航

artical :独立的内容

section：区域 与div作用差不多

aside：辅助信息的内容

figure：描述图像或视频

figcaption：描述图像或视频的标题部分

header、footer、main这三个标签一个网页尽量只写一个。
artical与section区别：在artical当中嵌入多个独立的区域section。

datalist ：选项列表 通过id联系在一起（与option配合使用）
通过input中list属性的属性值与datalist中id值一致将两者联系在一起

datails/summary:文档细节/文档标题（配合使用）

只有点击箭头才展开

利用details的属性open，在进入时就已经打开了

progress /meter:定义进度条/定义度量范围
progress：一般用于网页加载
meter：一般用于统计

注意：当meter中的value在正常范围内和超出范围，它的颜色是不一样的
low和high的区间表示某一个范围，只有在这个范围内的颜色才是绿色的。progress无法实现这样的功能

time：定义日期和事件

mark：带记号的文本

time其实作用不大，只不过给有带时间寓意的词用time包裹起来，然后可以使用title属性用作鼠标滑入时的提示时间。mark就是相当于一个给文本高亮的