HTML5 <figure> 標簽

2021-10-12 14:45 更新

實例

使用 <figure> 元素標記文檔中的一個圖像:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 標簽。

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


標簽定義及使用說明

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

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


HTML 4.01 與 HTML5之間的差異

<figure> 標簽是 HTML 5 中的新標簽。


提示和注釋

提示:<figcaption> 元素被用來為 <figure> 元素定義標題。


全局屬性

<figure> 標簽支持 HTML 的全局屬性。


事件屬性

<figure> 標簽支持 HTML 的事件屬性

注意:

<figure> 元素內(nèi)容的綱要是被文檔的主綱要排除在外的.

可以通過在 <figure> 元素中插入一個 <figcaption> 來為其關聯(lián)一個標題(作為它的第一個或者最后一個子元素).


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號