HTML5新语义化标签

div span h1 img -> html4.01
width height background -> css2.1
transform border-radius -> css3

header footer main -> html5
注：很多新的HTML5语义化标签，跟div类似。

header : 页眉
footer : 页脚
main : 主体 
    注：header footer main 语义化标签在一个页面中只能出现一次。

hgroup : 标题组合
nav : 导航	
article : 独立的内容
    论坛帖子
    报纸文章
    博客条目
    用户评论
aside : 辅助信息的内容
section : 区域 , 跟div的功能以及语义是一样的

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

datalist : 选项列表
    涉及到的语法：list id value ...
    <input type="text" list="elems">
    <datalist id="elems">
        <option value="a"></option>
        <option value="ab"></option>
        <option value="abc"></option>
        <option value="abcd"></option>
        <option value="apple"></option>
        <option value="around"></option>
    </datalist>

details / summary : 文档细节 / 文档标题
    相关语法：open属性
    <details open>
        <summary>HTML</summary>
        <p>超文本标记语言</p>
    </details>

progress / meter : 定义进度条 / 定义度量范围
    <progress min="0" max="100" value="50"></progress>
    <meter min="0" max="100" value="80" low="30" high="70"></meter>

time : 定义日期或时间
    <p>今天是 <time>3月3日</time></p>
    <p>今天是 <time title="2月14日">情人节</time></p>

mark : 带有记号的文本