HTML5 – 2.新元素

时间 2019-11-06

标签 html5 html 元素栏目 HTML5 繁體版

原文原文链接

figcaption

定义和用法

<figcaption> 标签订义 figure 元素的标题（caption）。html

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

details

定义和用法

<details> 标签用于描述文档或文档某个部分的细节。浏览器

目前只有 Chrome 和 Safari 6 支持 <details> 标签。ide

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <details>
 9         <summary>HTML5CSS3.</summary>
10         <p>All pages and graphics on this web site are the property of W3School.</p>
11     </details>
12 </body>
13 </html>

只有谷歌浏览器支持

summary

定义和用法

<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片断的详细信息。this

mark

定义和用法

<mark> 标签订义带有记号的文本。请在须要突出显示文本时使用 <m> 标签。spa

<!DOCTYPE HTML>
<html>
<body>

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

</body>
</html>

metercode

定义和用法

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

例子：磁盘用量、查询结果的相关性，等等。blog

注释：<meter> 标签不该用于指示进度（在进度条中）。若是标记进度条，请使用 <progress> 标签。utf-8

编排规则

1.显式编排

使用section元素进行分块建立网页，每一个内容区块使用标题h1~h6

2.隐式编排

不使用section元素，而是根据咱们写的（h1~h六、hgroup等）元素自行建立区块

3.标题分级

不一样的标题有不一样的级别，h1~h6中h1最高，因此隐式编排的状况下会按照一下规则生成

1).若是出现新的标题比上一个标题级别低，那么会生成下级内容区块。

2).若是新出现的标题比上面出现的标题级别高，或者二者几倍相同，那么会生成新的内容区块。

4.不一样内容区块能够使用相同级别的标题

父内容区块与子内容区块均可以使用相同级别的h1标题