HTML5页面增强元素

5增强的页面元素
1.details元素和summary元素
Details语义：详情；
Summary语义：概要，简要
Details元素可以实现类似显示/隐藏的功能。Summary用于显示details的标题或者间接。
注意：
1.如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。
2.details默认是关闭状态的，我们可以通过设置open属性让他打开。
3.我们也可以通过js获取details是否打开的状态
<details id="hebiIntroduce">
    <summary>鹤壁简介</summary>
    <p>鹤壁是封神榜故事发生地，商朝首都朝歌、周朝第一大诸侯国卫国都城朝歌</p>
</details>
<button οnclick="getDetailsStatus()">展开状态</button>
</body>
    function getDetailsStatus(){
        var details = document.getElementById("hebiIntroduce");
        var status = details.open;
        alert(status);
    }
</script>

5.2 mark元素
Mark语义：标记、做记号，为了强调突出
Mark元素的作用是为了突出页面的某一块内容。
特定：放在mark元素内部的内容将高亮（背景颜色：黄色）
<p>鹤壁是<mark>封神榜</mark>故事发生地，
    商朝首都朝歌、周朝第一大诸侯国卫国都城朝歌</p>>
5.3.small 元素
Small语义：小的，不起眼
特点：字体比普通字体小。
一般用法：
用于放一些希望被忽略的内容
注意事项：免责声明

5.4：ol元素
Ol列表添加了start属性和resvered属性
Start：定义了开始计数的系数。
Resvered：计数的顺序，默认是从小到大，加上该属性之后是从大到小。
Progress元素
语言：进度、完成的进度
5.5 Progress是行内标签，有两个常用属性
Max：进度最大值
Value：当前值
5.6  metter元素（IE浏览器不支持）
  语义:度量衡
注意;一般情况需要已知最大值和最小值。
5.7 cite元素
语义：引用，出自。
用法：一般用于定义作品（书籍、电影、歌曲、电视节目、绘画）
注意：使用了该属性，内容变成斜体