首頁 > web前端 > 前端問答 > figure是html5的新增標籤嗎

figure是html5的新增標籤嗎

青灯夜游
發布: 2022-05-18 16:21:35
原創
2534 人瀏覽過

figure是新增標籤。 figure是html5新增的語意化標籤,用來規定獨立的串流內容,例如圖像、圖表、照片等等;figure中的內容通常是與主內容相關的,同時元素的位置相對於主內容又是獨立的,如果把它刪除,不會對網頁中的其它內容產生影響。

figure是html5的新增標籤嗎

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

是 HTML 5 中的新標籤,是html5新增的語意化標籤。

用於規定獨立的串流內容(圖像、圖表、照片、程式碼等等)。

figure中的內容通常是與主內容相關的,同時元素的位置相對於主內容是獨立的。如果被刪除,則不應對文件流產生影響;即如果把figure刪除,不會對網頁中的其它內容產生影響。

要注意:

  •  元素內容的綱要是被文件的主綱要排除在外的。

  •  元素可以配合
    元素使用。

     元素被用來為
    元素定義標題。

    元素中插入一個
    來為其關聯一個標題(作為它的第一個或最後一個子元素)

#用figure和figcaption標籤的好處

搜尋引擎搜尋到figure的時候會知道,這裡存放的是圖片、圖表、照片、程式碼等媒體,不不會認為這裡存放的是文章等其他東西。搜尋引擎搜尋的時候更快捷方便。

另一方面程式設計師在看的時候,看到這個標籤的時候,就會知道,這裡存在的就是圖片等媒體,方便閱讀。

figure是html5的新增標籤嗎

範例:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>figure和 figcaption元素的使用</title>
	</head>
	<body>
		<p>被称作“第四代体育馆”的“鸟巢”国家体育场是 2008年北京奥运会的标志性建筑,它位于北京北四环边,包含在奥林匹克国家森林公园之中。占地面积 20.4万平方米,总建筑面积 25.8万平方米,拥有
			9.1万个固定座位,内设餐厅、运动员休息室、更衣室等。2008年奥运会期间,承担开幕式、闭幕式、田径比赛、男子足球决赛等赛事活动。</p>
		<figure>
			  <figcaption>北京鸟巢</figcaption>
			  <p>拍摄者:XXXX,拍摄时间:2020 年 09 月</p>
			  <img src="figure是html5的新增標籤嗎" alt="">
			 </figure>
	</body>

</html>
登入後複製

figure是html5的新增標籤嗎

(學習影片分享:html影片教學web前端

以上是figure是html5的新增標籤嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板