HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <figure> 標(biāo)簽

HTML <figure> 元素代表一段獨立的內(nèi)容, 經(jīng)常與說明(caption) <figcaption> 配合使用, 并且作為一個獨立的引用單元。當(dāng)它屬于主內(nèi)容流(main flow)時,它的位置獨立于主體。這個標(biāo)簽經(jīng)常是在主文中引用的圖片,插圖,表格,代碼段等等,當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁面時不會影響到主體。

在線示例

使用 <figure> 元素標(biāo)記文檔中的一個圖像:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(cainiaoplus.com)</title> 
</head>
<body>
<figure>
  <img src="views.png" alt="views" width="304" height="228">
</figure>
</body>
</html>
測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 標(biāo)簽。

注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <figure> 標(biāo)簽。

標(biāo)簽定義及使用說明

<figure> 標(biāo)簽規(guī)定獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。

<figure> 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),同時元素的位置相對于主內(nèi)容是獨立的。如果被刪除,則不應(yīng)對文檔流產(chǎn)生影響。

 通常,<figure>是圖像,插圖,圖表,代碼片段等,在文檔的主流程中引用,但可以移動到文檔的另一部分或附錄而不影響主流程。

 通過在其中插入<figcaption>(作為第一個或最后一個子元素),可以將標(biāo)題與<figure>元素相關(guān)聯(lián)。圖中找到的第一個<figcaption>元素顯示為圖的標(biāo)題。

HTML 4.01 與 HTML5之間的差異

<figure> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。

提示和注意

提示:<figcaption> 元素被用來為 <figure> 元素定義標(biāo)題。

全局屬性

<figure> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<figure> 標(biāo)簽支持 HTML 的事件屬性。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清