摘要:使用和元素插入圖片和圖注元素用于插入某張圖片并添加描述。元素中不僅僅只能包含一張圖片,可以使用元素來顯示多張圖片。示例如下所示這一組圖片的描述顯示圖片內(nèi)容的時候是否總是使用元素如果單純是為了顯示某張圖片,那么使用普通的標(biāo)記足以。
使用figure和figcaption元素插入圖片和圖注
figure元素用于插入某張圖片并添加描述。在HTML5以前,需要插入圖片時只要額外使用div之類的元素才能將文本添加到頁面中。這樣做的缺點在于圖片和圖注并無任何關(guān)聯(lián)。而現(xiàn)在添加figure之后,可以再利用figcaption為圖片添加圖注。
雖然figure通常用來插入圖片,但它也可以是一段代碼、圖片、音樂或者視頻。通常情況下,figure主要用于圖片。
Website analytics for test...
figure元素中不僅僅只能包含一張圖片,可以使用figure元素來顯示多張圖片。示例如下所示:
這一組圖片的描述
顯示圖片內(nèi)容的時候是否總是使用figcaption元素?如果單純是為了顯示某張圖片,那么使用普通的img標(biāo)記足以。不過,如果它包括額外的有助于內(nèi)容描述的信息,那么就應(yīng)該使用figure和figcaption.最后注意,figure中只能包含一個figcaption。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/49606.html
摘要:前記為了準(zhǔn)備春招面試,對自己的知識點進(jìn)行一個總結(jié)積累,第一篇是關(guān)于方面的知識點,后續(xù)如果遇見新題會進(jìn)行繼續(xù)的補(bǔ)充什么是語義化,有什么好處語義化簡單來說就是,段落使用,側(cè)邊欄用,主要內(nèi)容使用。不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。 前記 為了準(zhǔn)備春招面試,對自己的知識點進(jìn)行一個總結(jié)積累,第一篇是關(guān)于HTML方面的知識點,后續(xù)如果遇見新題會進(jìn)行繼續(xù)的補(bǔ)充 什么是 HTML 語義化,有...
摘要:最近在復(fù)習(xí)前端的基礎(chǔ)知識,在這里做一個總結(jié),這是篇。缺點該標(biāo)準(zhǔn)并未能很好的被瀏覽器所支持。應(yīng)用標(biāo)簽狀態(tài)標(biāo)簽標(biāo)簽備注實時狀態(tài)顯示氣壓氣溫。連接上了斷網(wǎng)了瀏覽器支持情況事件不支持已廢棄不支持不支持 最近在復(fù)習(xí)前端的基礎(chǔ)知識,在這里做一個總結(jié),這是HTML5篇。 新特性 取消了過時的顯示效果標(biāo)記和... 新增語義化標(biāo)簽 新增多媒體標(biāo)簽(video視頻,audio音頻) 增加更多表單類型 新...
閱讀 3883·2021-09-27 13:56
閱讀 905·2021-09-08 09:36
閱讀 792·2019-08-30 15:54
閱讀 635·2019-08-29 17:29
閱讀 954·2019-08-29 17:21
閱讀 1708·2019-08-29 16:59
閱讀 2790·2019-08-29 13:03
閱讀 2997·2019-08-29 12:47