歡迎關注支持,謝謝!本篇將介紹的是html中figure標籤和figcaption標籤的用法,有興趣的朋友可以學習一下!
學習html就是學習標籤的用法,今天將為大家介紹的是html中的figure標籤和figcaption標籤的用法,為什麼要同時介紹這兩個標籤呢?原因很簡單,這兩個標籤有一定的聯繫,我們一起來看看這兩個標籤的具體用法吧!
「figure」作為英文單詞有很多意思,就是找不到一個和它作為標籤意思相近的翻譯,大家是否知道,它應該翻譯成什麼意思才適合;「figcaption」是「figure caption」簡寫,有「圖形標題」的意思,和它作為html中標籤的意思相當;一、figure標籤和figcaption標籤的定義及用法
在html中,figure標籤和figcaption標籤都是html5中新增的標籤。figure標籤是使用來定義獨立的流內容,比如圖像、圖表、照片等,而figcaption標籤是使用來為figure元素定義標題;
figure中的內容通常是與主內容相關,但又是一塊獨立的內容,如果把它刪除,不會對網頁中的其它內容產生影響;
figcaption標籤一般是充當figure標籤中的第一個或最後一個子元素來為figure元素定義標題;
二、figure標籤和figcaption標籤語法格式
<figure><figcaption>figure元素標題</figcaption>內容</figure>
或<figure>內容<figcaption>figure元素標題</figcaption></figure>
說明:figure標籤中的內容可以是圖片、統計圖或代碼示例等,通常表示一個組合,figcaption標籤設置組合的標題。
三、實例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中figure標籤和figcaption標籤的詳細介紹</title></head><body bgcolor="bisque"><p>這是figure標籤和figcaption標籤的介紹</p><figure><figcaption>figure和figcaption標籤示例</figcaption><p>作者:編程的樂趣 時間:2019年04月21日</p><p>這是一段代碼示例</p></figure></body></html>
運行結果:
好了,關於html中figure標籤和figcaption標籤的介紹就結束了,希望對大家有用!