溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下HTML中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）。
以上是“HTML中figure標簽的用法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
