更新時(shí)間:2020-09-09 來源:黑馬程序員 瀏覽量:
在HTML5中,figure標(biāo)簽用于定義獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等),一般指一個(gè)單獨(dú)的單元。figure元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),但如果被刪除,也不會(huì)對(duì)文檔流產(chǎn)生影響。figcaption元素用于為figure元素組添加標(biāo)題,一個(gè)figure元素內(nèi)最多允許使用一個(gè)figcaption元素,該元素應(yīng)該放在figure元素的第一個(gè)或者最后一個(gè)子元素的位置。
下面通過一個(gè)案例對(duì)figure和figcaption元素的用法進(jìn)行演示,如所示:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>figure和 figcaption元素的使用</title> </head> <body> <p>被稱作“第四代體育館”的“鳥巢”國家體育場(chǎng)是 2008年北京奧運(yùn)會(huì)的標(biāo)志性建筑,它位于北京北四環(huán)邊,包含在奧林匹克國家森林公園之中。占地面積 20.4萬平方米,總建筑面積 25.8萬平方米,擁有 9.1萬個(gè)固定座位,內(nèi)設(shè)餐廳、運(yùn)動(dòng)員休息室、更衣室等。2008年奧運(yùn)會(huì)期間,承擔(dān)開幕式、閉幕式、田徑比賽、男子足球決賽等賽事活動(dòng)。</p> <figure> <figcaption>北京鳥巢</figcaption> <p>拍攝者:傳智播客內(nèi)容與資源組,拍攝時(shí)間:2020 年 20 月</p> <img src="images/niaochao.jpg" alt=""> </figure> </body> </html>頁面顯示效果如下:
【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營】深圳跨境電商運(yùn)營畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級(jí)93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個(gè)工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開發(fā)-Java】畢業(yè)當(dāng)天offer率91%,薪資1W+占比54.2%,班級(jí)均薪12k+
2025-09-19