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