溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML中<figure> 標(biāo)簽的定義和用法

發(fā)布時間:2021-08-07 17:17:25 來源:億速云 閱讀:140 作者:chen 欄目:開發(fā)技術(shù)

這篇文章主要介紹“HTML中<figure> 標(biāo)簽的定義和用法”,在日常操作中,相信很多人在HTML中<figure> 標(biāo)簽的定義和用法問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”HTML中<figure> 標(biāo)簽的定義和用法”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!

HTML <figure> 標(biāo)簽

Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figure> 標(biāo)簽。

注:Internet Explorer 8 以及更早的版本不支持 <figure> 標(biāo)簽。

定義和用法

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

figure 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),但如果被刪除,則不應(yīng)對文檔流產(chǎn)生影響。

提示

提示:請使用 <figcaption> 元素為 figure 添加標(biāo)題(caption)。

實(shí)例

用作文檔中插圖的圖像:

<!DOCTYPE HTML><html><body><p>上海盧浦大橋是當(dāng)今世界第一鋼結(jié)構(gòu)拱橋,是世界上跨度最大的拱形橋。它也是世界上首座完全采用焊接工藝連接的大型拱橋(除合攏接口采用栓接外),現(xiàn)場焊接焊縫總長度達(dá)4萬多米,接近上海市內(nèi)環(huán)高架路的總長度。盧浦大橋像澳大利亞悉尼的海灣大橋一樣具有旅游觀光的功能。</p><figure>  <p>黃浦江上的的盧浦大橋</p>  <p>拍攝者:W3School 項(xiàng)目組,拍攝時間:2010 年 10 月</p>  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" /></figure></body></html>

到此,關(guān)于“HTML中<figure> 標(biāo)簽的定義和用法”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI