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>Mark语义上是标记、做记号、为了强调 Mark元素的作用是为了突出页面的某一块内容。 特点：放在mark元素内部的内容将高亮显示（背景颜色黄色）
<body> <h3>鹤壁</h3> <p>鹤壁是<mark>封神榜</mark>故事发生地，中国商朝首都朝歌、周朝第一大诸侯国卫国首都朝歌、战国七雄赵国首都中牟均位于鹤壁市。</p> </body>Small语义是小的，不起眼的。 特点：字体比普通字体小一点。 一般用法：用于放一些希望被忽略的内容。免责声明、注意事项。
<body> <h3>鹤壁</h3> <p>鹤壁，河南省省辖市，位于河南省北部，太行山东麓向华北平原过渡地带，北距首都北京475公里，南至省会郑州110公里，京广铁路、京港高速铁路、京港澳高速公路、G107、G515、G230、G342等4条国道纵贯全境南北。鹤壁是封神榜故事发生地，中国商朝首都朝歌、周朝第一大诸侯国卫国都<small>这些朝代都灭亡了</small>。</p> </body>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>语言上是进度、完成的进度。 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的比例。
语义上是度量衡 注意：一般情况，需要已知 最大值 和 最小值。
<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>语义上是引用，出自 用法：一般用于定义作品（书籍、电影、歌曲、电视节目、绘画） 注意：使用了该元素，内容变成斜体。
<body> <cite>《红楼梦》</cite> </body>