最新的Web開發教程
 

HTML <figure> Tag


使用<figure>元素來標記文檔中的照片:

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

定義和用法

<figure>標記指定自包含的內容,比如插圖,圖表,照片,代碼清單等。

而含量<figure>元素是相關的主流程,它的位置是獨立的主流程,並且如果去掉它不應影響文檔的流動。


瀏覽器支持

在表中的數字指定完全支持元件的第一個瀏覽器的版本。

元件
<figure> 6 9 4 5 11.1

HTML 4.01和HTML5之間的差異

<figure>標籤是HTML5中的新。


提示和注意

提示: <figcaption>元素用於添加一個標題為<figure>元素。


全局屬性

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


事件屬性

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


相關頁面

HTML DOM參考: 圖對象


默認設置CSS

大多數瀏覽器會顯示<figure>元素與以下默認值:

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
試一試»