HTML5是一些獨立特性的集合，其中不僅添加了許多web頁面特性，而且其本身也是一個應用程式。

details元素和summary元素

details元素用於描述文件或文件某個部分的細節。

summary元素經常與details元素配合使用作為details元素的第一個子元素，用於details定義標題。

標題是可見的，當用戶單擊標題時，會顯示或隱藏details中的其他內容。

下面通過一個案例對details元素和summary元素的用法進行演示：

執行效果如圖所示：

progress元素

progress元素用於表示一個任務完成的進度。這個進度可以是不確定的，只是表示進度正在進行，但是不清楚還有多少工作量沒有完成；

也可以用0到某個最大數字之間的數字來表示準確的進度完成情況。

progress元素的常用屬性值有以下2個：

• value：已經完成的工作量
• max：總共有多少工作量

需要注意的是，value和max屬性的值必須大於0，且value的值要小於或等於max的值。

下面通過一個案例對progress元素的用法進行演示：

執行效果如圖所示：

 meter元素

meter元素用於表示指定範圍內的數值。

meter元素的常用屬性：

下面通過一個案例對meter元素的用法進行演示：

執行效果如圖所示：