首頁 > web前端 > html教學 > html5標籤figure、figcaption的區別比較

html5標籤figure、figcaption的區別比較

巴扎黑
發布: 2017-06-27 09:38:16
原創
3395 人瀏覽過

定義與用法

標籤定義 figure 元素的標題(caption)。

"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。

瀏覽器支援

所有主流瀏覽器都支援

標籤。

HTML 4.01 與 HTML 5 之間的差異

標籤是 HTML 5 中的新標籤。

figure、figcaption,這兩個標籤都是定義圖文的

常常用到一種圖片列表,圖片+標題或圖片+標題+簡單描述。以前的常規寫法:


  •   

    title


  • 而在html5中有了新標籤更能語意化的定義出這中圖片列表,那就是figure標籤。

    figure標籤規定獨立的流內容(圖像、圖表、照片、程式碼)。 figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文件流程產生影響。

    figcaption 標籤定義 figure 元素的標題。 "figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。 

    那麼上面的程式碼就變成了:

    <figure>
    <figcaption>title</figcaption>
    <img src="test.jpg"  />
    </figure>
    登入後複製

    以上是html5標籤figure、figcaption的區別比較的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板