例
使用<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;
}
試一試»