HTML5 <figure> 標(biāo)簽

2021-10-12 14:45 更新

實(shí)例

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

<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> 標(biāo)簽。

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


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

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

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


HTML 4.01 與 HTML5之間的差異

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


提示和注釋

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


全局屬性

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


事件屬性

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

注意:

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

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


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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)