- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統(tǒng)怎么清除緩存？
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> figure標(biāo)簽是什么？什么時候用？
figure標(biāo)簽是什么？什么時候用？
發(fā)表時間：2023-08-29 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本篇文章主要給大家介紹html5中的新標(biāo)簽figure標(biāo)簽的定義及使用方法介紹。HTML5是HTML最新的修訂版本，用更加豐富的標(biāo)簽賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。那么有的新人朋友可能會問，這個figure標(biāo)簽是什么？figure標(biāo)簽什么時候用？相關(guān)教程推薦：HTML5教程那么figure標(biāo)簽官方給出的...
本篇文章主要給大家介紹html5中的新標(biāo)簽figure標(biāo)簽的定義及使用方法介紹。HTML5是HTML最新的修訂版本，用更加豐富的標(biāo)簽賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。那么有的新人朋友可能會問，這個figure標(biāo)簽是什么？figure標(biāo)簽什么時候用？
相關(guān)教程推薦：HTML5教程
那么figure標(biāo)簽官方給出的定義是規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。
下面我們就結(jié)合簡單的代碼示例為大家介紹html5中figure標(biāo)簽的具體方法。
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>figure標(biāo)簽使用示例</title>
<head>
</head>
<body>
<p>
HTML5是HTML最新的修訂版本，由萬維網(wǎng)聯(lián)盟（W3C）于2014年10月完成標(biāo)準(zhǔn)制定。,<br>
目標(biāo)是取代1999年所制定的HTML 4.01和XHTML 1.0標(biāo)準(zhǔn)，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候，使網(wǎng)上標(biāo)準(zhǔn)達到匹配當(dāng)代的網(wǎng)上需求。<br>
廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。<br>
它希望能夠減少網(wǎng)頁瀏覽器對于需要插件的豐富性網(wǎng)上應(yīng)用服務(wù)（Plug-in-Based Rich Internet Application，RIA），<br>
例如：Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求，并且提供更多能有效加強網(wǎng)上應(yīng)用的標(biāo)準(zhǔn)集。
</p>
<figure>
<p>圖片主題名稱</p>
<p>圖片制作時間：11.1</p>
<img src="img/2.png">
</figure>
</body>
</html>上述代碼就給大家介紹figure標(biāo)簽的使用示例，通過前臺訪問效果如下圖：
正如前面所說的，figure規(guī)定獨立的流內(nèi)容照片、圖像等等。換言之figure標(biāo)簽可以用來表示網(wǎng)站制作頁面上一塊獨立的內(nèi)容，將其從網(wǎng)頁上移除后不會對網(wǎng)頁上的其他內(nèi)容產(chǎn)生影響。figure所表示的內(nèi)容可以是圖片、統(tǒng)計圖或代碼示例。
如上圖中所示，在figure標(biāo)簽中的圖片和標(biāo)題都是獨立顯示的。
注：
figure 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān)，但如果被刪除，則不應(yīng)對文檔流產(chǎn)生影響。
可以使用 <figcaption> 元素為 figure 添加標(biāo)題（caption）。
本篇文章就是關(guān)于html5中新標(biāo)簽figure的使用方法介紹，應(yīng)該也是非常簡單易懂的，希望對需要的朋友有所幫助！
想要了解更多前端知識，可以關(guān)注PHP中文網(wǎng)HTML5教程等相關(guān)前端視頻教程！
以上就是figure標(biāo)簽是什么？什么時候用？的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。
標(biāo)簽：figure標(biāo)簽是啥？啥時候用？
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1酷狗音樂賬號被盜如何辦？酷狗賬號被盜找到方法
- 2酷狗音樂如何聯(lián)系人工客服？酷狗聯(lián)系人工客服方法
- 3酷狗如何找到密碼？酷狗找到密碼圖文說明教程
- 4百度視頻如何下載？百度視頻下載視頻方法
- 5虎牙直播如何直播手機游戲？容易方法
- 6虎牙直播如何選頻道？虎牙直播選頻道的方法
- 7優(yōu)酷集福氣搶2018元活動如何玩？
- 8手機影音先鋒如何用？影音先鋒使用圖文說明教程詳細說明
- 9手機影音先鋒如何搜片？
- 10影音先鋒如何看片？手機影音先鋒如何看片？
- 11手機影音先鋒看片圖文說明教程
- 12美拍小視頻如何合并？美拍小視頻合并方法
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2人人車怎么收費 人人車收費規(guī)范
- 3平板電腦wifi無線網(wǎng)絡(luò)設(shè)置圖文說明教程【圖文詳細說明】
- 4ios9 bug隱藏?zé)o用應(yīng)用方法
- 53星版iphone6s與臺積電版iphone6s續(xù)航哪一個好
- 6百度專車怎么收費 百度專車收費規(guī)范介紹
- 7華為pay與微信支付哪一個好 微信支付與huawei pay比較區(qū)別
- 8酷狗怎么設(shè)置伴唱并錄音 酷狗伴唱設(shè)置圖文說明教程
- 9中興grand x max+怎么？中興grand x max+設(shè)置評測
- 10小皮助手安裝失敗怎么辦 小皮助手安卓模擬器安裝失敗處理方法
- 11獵豹瀏覽器搶票不受12306新版驗證碼影響
- 12滴滴打屁怎么用 滴滴打屁app使用圖文說明教程
相關(guān)文章
- 2018年最好用的5個頁面編輯器軟件推薦
- html中的onfocus與onblur是什么屬性？如何使用？
- figure標(biāo)簽是什么？什么時候用？
- html下拉菜單如何做？高手教你如何在HTML與CSS中創(chuàng)建下拉菜單
- 如何創(chuàng)建HTML表單?html表單代碼如何寫
- html文本輸入框代碼是什么？如何創(chuàng)建html文本輸入框
- 如何在html添加按鈕？html添加按鈕流程
- html文件如何打開？如何打開html文件
- 如何使用css進行定位？css布局與定位詳細說明
- html如何引用css?html引用css有幾種方法
- class是什么意思?id與class有什么區(qū)別
- 為什么html中文是亂碼？html中文亂碼如何處理
