figure標簽是什么?什么時候用?
發表時間:2023-08-29 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要給大家介紹html5中的新標簽figure標簽的定義及使用方法介紹。HTML5是HTML最新的修訂版本,用更加豐富的標簽賦予網頁更好的意義和結構。那么有的新人朋友可能會問,這個figure標簽是什么?figure標簽什么時候用?相關教程推薦:HTML5教程那么figure標簽官方給出的...
本篇文章主要給大家介紹
html5中的新標簽figure標簽的定義及使用方法介紹。
HTML5是HTML最新的修訂版本,用更加豐富的標簽賦予網頁更好的意義和結構。那么有的新人朋友可能會問,這個figure標簽是什么?figure標簽什么時候用?
相關教程推薦:HTML5教程
那么figure標簽官方給出的定義是規定獨立的流內容(圖像、圖表、照片、代碼等等)。
下面我們就結合簡單的代碼示例為大家介紹html5中figure標簽的具體方法。
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>figure標簽使用示例</title>
<head>
</head>
<body>
<p>
HTML5是HTML最新的修訂版本,由萬維網聯盟(W3C)于2014年10月完成標準制定。,<br>
目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以期能在互聯網應用迅速發展的時候,使網上標準達到匹配當代的網上需求。<br>
廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。<br>
它希望能夠減少網頁瀏覽器對于需要插件的豐富性網上應用服務(Plug-in-Based Rich Internet Application,RIA),<br>
例如:Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求,并且提供更多能有效加強網上應用的標準集。
</p>
<figure>
<p>圖片主題名稱</p>
<p>圖片制作時間:11.1</p>
<img src="img/2.png">
</figure>
</body>
</html>
上述代碼就給大家介紹figure標簽的使用示例,通過前臺訪問效果如下圖:
正如前面所說的,figure規定獨立的流內容照片、圖像等等。換言之figure標簽可以用來表示網站制作頁面上一塊獨立的內容,將其從網頁上移除后不會對網頁上的其他內容產生影響。figure所表示的內容可以是圖片、統計圖或代碼示例。
如上圖中所示,在figure標簽中的圖片和標題都是獨立顯示的。
注:
figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。
可以使用 <figcaption> 元素為 figure 添加標題(caption)。
本篇文章就是關于html5中新標簽figure的使用方法介紹,應該也是非常簡單易懂的,希望對需要的朋友有所幫助!
想要了解更多前端知識,可以關注PHP中文網HTML5教程等相關前端視頻教程!
以上就是figure標簽是什么?什么時候用?的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。