首页 > 代码库 > 5月28号=》第35页-第40页
5月28号=》第35页-第40页
2.3.2 语义相关元素
<mark>:用于显示HTML页面中需要重点“关注”的内容,浏览器
通常会用黄色显示该标签内的内容。
<time>:用来显示被标注内容是日期、时间或者日期时间。
使用该标签要指定datetime属性,格式为"yyyy-MM-ddTHH:mm"
如果<time>标签的内容直接符合以上格式,则可以不用指定datetime属性。
<details>:该元素用于显示一段详细信息或某个主题的细节。
该元素应当结合<summary>元素一同使用。
<summary>:该元素用于为<details>元素定义摘要信息,
设置该元素默认是可见的,当用户点击摘要
信息的时候,浏览器会显示出<details>里的详细内容。
<details>元素和<summary>元素目前只有Chrome支持
2.3.3 两个特殊功能的元素
<meter>:用于表示一个已知最大值和最小值的计数仪表。
比如电池的剩余电量和速度表等。
该元素有如下属性:
value:指定计数仪表的当前值。默认为0,可以为该属性指定一个浮点小数值。
min:指定计数仪表的最小值。默认为0,可以为该属性指定一个浮点小数值。
max:指定计数仪表的最大值。默认为1,可以为该属性指定一个浮点小数值。
low:指定计数仪表指定范围的最小值。该属性值必须大于等于min属性指定的值。
high:指定计数仪表指定范围的最大值。该属性值必须小于等于max属性指定的值。
optimum:指定计数仪表有效范围的最佳值。如果该值大于high属性指定的值,则
意味着值越大越好;如果该值小于low属性指定的值,则意味着值越小越好。
<progress>:用于表示一个进度条。
该元素有如下属性:
max:指定进度条完成时的值。
value:指定进度条当前完成的进度值。
代码示例:
<body>
当前行车速度是:<meter value="http://www.mamicode.com/120" min="0" max="220" low="0" high="160">
120</meter>千米/小时。<br/>
任务完成比:<progress value="http://www.mamicode.com/30" max="100">30/100</progress>
</body>