5.1、details元素和summary元素
Details語義上有詳情的意思。
summary語義上有概要、摘要的意思。
Details元素可以實現類似顯示/隱藏的功能，summary用於顯示details的標題或間接。
注意：（1）如果details下沒有summary元素，瀏覽器會自動添加，同時內容是“詳細信息”。
（2）details默認是關閉狀態的，我們可以通過設置open屬性讓它打開。
（3）我們也可以通過Js獲取details是否打開的狀態。
<body>
<details id="hebiIntroduce" open>
<!--<summary>鶴壁</summary>-->
<p>鶴壁，河南省省轄市，位於河南省北部，渡地帶，北距首都北京475公里，南至省會鄭州110公里，京廣鐵路、京港高速鐵路、京港澳高速公路、G107、G515、G230、G342等4條國道縱貫全境南北，鶴壁濮陽高速公路東西聯通京港澳高速與大廣高速公路。國家西氣東輸工程、南水北調工程西傍城區而過。
</p>
</details>
<button onclick="getDetailsStatus()">獲取</button>
</body>
<script>
function getDetailsStatus(){
var details = document.getElementById("hebiIntroduce");
var status = details.open;
alert(status);
}
</script>
5.2 mark元素
Mark語義上是標記、做記號、爲了強調
Mark元素的作用是爲了突出頁面的某一塊內容。
特點：放在mark元素內部的內容將高亮顯示（背景顏色黃色）
<body>
<h3>鶴壁</h3>
<p>鶴壁是<mark>封神榜</mark>故事發生地，中國商朝首都朝歌、周朝第一大諸侯國衛國首都朝歌、戰國七雄趙國首都中牟均位於鶴壁市。</p>
</body>
5.3 small元素
Small語義是小的，不起眼的。
特點：字體比普通字體小一點。
一般用法：用於放一些希望被忽略的內容。免責聲明、注意事項。
<body>
<h3>鶴壁</h3>
<p>鶴壁，河南省省轄市，位於河南省北部，太行山東麓向華北平原過渡地帶，北距首都北京475公里，南至省會鄭州110公里，京廣鐵路、京港高速鐵路、京港澳高速公路、G107、G515、G230、G342等4條國道縱貫全境南北。鶴壁是封神榜故事發生地，中國商朝首都朝歌、周朝第一大諸侯國衛國都<small>這些朝代都滅亡了</small>。</p>
</body>
5.4 ol元素
ol列表添加了start和reversed屬性。
Start：定義開始計數的始數。
Reversed：計數的循序，默認是從小到大，加上該屬性就是從大到小。
<body>
<ol start="5" reversed>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
<li>列表5</li>
</ol>
</body>
5.5 progress元素
語言上是進度、完成的進度。
progress是行內標籤。有兩個常用屬性：
Max：進度的最大值
Value：當前完成多少的值
<body>
<h2>progress的使用</h2>
<p>
完成的進度：
<!--<progress value="50" max="100"></progress>-->
<progress value="10" max="100"></progress>
<span>0</span>%
</p>
<button onclick="starDownload()">開始</button>
</body>
<script>
function starDownload(){
}
</script>
注意：看到的進度效果是value/max的比例。
5.6 meter元素（IE瀏覽器不支持）
語義上是度量衡
注意：一般情況，需要已知 最大值 和 最小值。
<body>
<p>
李四的成績8
<meter value="8" low="60" high="80" min="0" max="100"></meter>
</p>
<p>
丹丹的成績88
<meter value="88" low="60" high="80" min="0" max="100"></meter>
</p>
<p>
彬彬的成績60
<meter value="69" low="60" high="80" min="0" max="100"></meter>
</p>
<p>
笑笑的成績50
<meter value="55" low="60" high="80" min="0" max="100"></meter>
</p>
</body>
5.7 cite元素
語義上是引用，出自
用法：一般用於定義作品（書籍、電影、歌曲、電視節目、繪畫）
注意：使用了該元素，內容變成斜體。
<body>
<cite>《紅樓夢》</cite>
</body>