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元素 语义：引用，出自。 用法：一般用于定义作品（书籍、电影、歌曲、电视节目、绘画） 注意：使用了该属性，内容变成斜体
转载请注明原文地址: https://www.6miu.com/read-13747.html
