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標題

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。