一、HTML5新整

1、新增布局标签

1. artical 里面可以有多个 section 。
2. section 强调的是分段或分块，如果你想将一块内容分成几段的时候，可使用 section 元

素。

3. article 比 section 更强调独立性，一块内容如果比较独立、比较完整，应该使用

article 元素。

2、新增状态标签

2.1、meter标签

定义已知范围内的标量测量。也被称为 gauge （尺度），双标签，例如：电量、磁盘用量等。

    <footer>
        <meter high="100" low="10" value="10" max="100"></meter>
        整个页面的底部
    </footer>

2.2、progress标签

显示某个任务完成的进度的指示器，一般用于表示进度条，双标签，例如：工作完成进度等。

3.新增列表标签

        <input type="text" list="mydata">
        <datalist id="mydata">
        <option value="周冬雨">周冬雨</option>
        <option value="周杰伦">周杰伦</option>
        <option value="温兆伦">温兆伦</option>
        <option value="马冬梅">马冬梅</option>
        </datalist>

        <details>
            <summary>如何走上人生巅峰？</summary>
            <p>一步一步走呗</p>
        </details>

4.新增文本标签

        <ruby>
            <span>魑魅魍魉</span>
            <rt>chī mèi wǎng liǎng </rt>
        </ruby>

W3C 建议 mark 用于标记搜索结果中的关键字。