HTML5标签学习笔记 5.31

HTML5标签学习笔记

1 details标签用于描述文档或文档某个部分的细节。

与 summary 标签 配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details 若没有summary 则系统默认给一个标题值

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property </p>
</details>

2 figcaption 标签定义 figure 元素的标题（caption）。

“figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<figure>
  <figcaption>黄浦江上的的卢浦大桥</figcaption>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

3 mark 标签定义带有记号的文本。请在需要突出显示文本时使用 m 标签。

<p>Do not forget to buy <mark>milk</mark> today.</p>

4 progress 标签标示任务的进度（进程）。

一般结合 progress 标签与 JavaScript 一同使用，来显示任务的进度。

<progress value="22" max="100"></progress> 

5 meter 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。

meter 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 progress 标签。

<meter value="3" min="0" max="10">十分之三</meter>

<meter value="0.6">60%</meter> 

6 address标签

address 标签定义文档或文章的作者/拥有者的联系信息。

如果 address 元素位于 body 元素内，则它表示文档联系信息。

如果 address 元素位于 article 元素内，则它表示文章的联系信息。

address 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。
提示：address 标签不应该用于描述通讯地址，除非它是联系信息的一部分。
address 元素通常连同其他信息被包含在 footer 元素中。

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>