首页 > 代码库 > 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>