小編給大家分享一下HTML中figure標簽的用法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

HTML5是HTML最新的修訂版本，用更加豐富的標簽賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。那么有的新人朋友可能會問，這個figure標簽是什么？figure標簽什么時候用？

相關(guān)教程推薦：HTML5教程

那么figure標簽官方給出的定義是規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

下面我們就結(jié)合簡單的代碼示例為大家介紹html5中figure標簽的具體方法。

    HTML5是HTML最新的修訂版本，由萬維網(wǎng)聯(lián)盟（W3C）于2014年10月完成標準制定。,

    目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準，以期能在互聯(lián)網(wǎng)應用迅速發(fā)展的時候，使網(wǎng)上標準達到匹配當代的網(wǎng)上需求。

    廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。

    它希望能夠減少網(wǎng)頁瀏覽器對于需要插件的豐富性網(wǎng)上應用服務（Plug-in-Based Rich Internet Application，RIA），

    例如：Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求，并且提供更多能有效加強網(wǎng)上應用的標準集。


    
圖片主題名稱
    
圖片制作時間：11.1
    

上述代碼就給大家介紹figure標簽的使用示例，通過前臺訪問效果如下圖：

正如前面所說的，figure規(guī)定獨立的流內(nèi)容照片、圖像等等。換言之figure標簽可以用來表示網(wǎng)站制作頁面上一塊獨立的內(nèi)容，將其從網(wǎng)頁上移除后不會對網(wǎng)頁上的其他內(nèi)容產(chǎn)生影響。figure所表示的內(nèi)容可以是圖片、統(tǒng)計圖或代碼示例。

如上圖中所示，在figure標簽中的圖片和標題都是獨立顯示的。

注：

figure 元素的內(nèi)容應該與主內(nèi)容相關(guān)，但如果被刪除，則不應對文檔流產(chǎn)生影響。

可以使用