html5 figure和figcaption

baiy 發(fā)布于2019-08-02 16:04 / 2466人閱讀

摘要：標簽和標簽是新增的語義化標簽。用于規(guī)定獨立的流內容圖像圖表照片代碼等等。與配套使用，用于標簽定義元素的標題。另一方面程序員在看的時候，看到這個標簽的時候，就會知道，這里存在的就是圖片等媒體，便于閱讀。下面用圖簡單描述下這兩個標簽的使用方法

figure標簽和figcaption標簽是html5新增的語義化標簽。

figure標簽，html5語義化標簽。

用于規(guī)定獨立的流內容（圖像、圖表、照片、代碼等等）。

figcaption標簽，html5語義化標簽。

與figure配套使用，用于標簽定義figure元素的標題。

用figure和figcaption標簽的好處

搜索引擎搜索到figure的時候會知道，這里存放的是圖片、圖表、照片、代碼等媒體，不不會認為這里存放的是文章等其他東西。搜索引擎搜索的時候更快捷更便利。
另一方面程序員在看的時候，看到這個標簽的時候，就會知道，這里存在的就是圖片等媒體，便于閱讀。

下面用圖簡單描述下這兩個標簽的使用方法

GPU云服務器云服務器 figcaption figure html5和html html5和ios

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54623.html

html5知識點補充—figure元素的使用

摘要：使用和元素插入圖片和圖注元素用于插入某張圖片并添加描述。元素中不僅僅只能包含一張圖片，可以使用元素來顯示多張圖片。示例如下所示這一組圖片的描述顯示圖片內容的時候是否總是使用元素如果單純是為了顯示某張圖片，那么使用普通的標記足以。使用figure和figcaption元素插入圖片和圖注 figure元素用于插入某張圖片并添加描述。在HTML5以前，需要插入圖片時只要額外使用div之類的...

rubyshen 2019-08-01 14:49 評論0 收藏0
H5新增標簽

摘要：依據(jù)頁面的結構，簡化冗余代碼，新增了一些語義化標簽是一種具有引導和導航作用的結構元素，通常用來放置整個頁面或頁面內的一個內容區(qū)塊的標題，但也可以包含搜索表單或。依據(jù)頁面的結構，簡化冗余代碼，H5新增了一些語義化標簽header是一種具有引導和導航作用的結構元素，通常用來放置整個頁面或頁面內的一個內容區(qū)塊的標題，但也可以包含搜索表單或logo。 showImg(https://segm...

Galence 2019-08-02 16:01 評論0 收藏0
HTML5元素和語義化標簽

摘要：站點前端開發(fā)文檔原文元素原文語義化標簽元素元素分類塊級元素自身屬性為的元素，通常使用塊級元素進行布局結構的搭建。可以和，，等其他標簽結合使用，表示文檔結構。表示標簽內容之外的，與標簽內容相關的輔助信息，元素被用于無關內容。站點：前端開發(fā)文檔原文：HTML元素原文：語義化標簽 HTML元素元素分類塊級元素： div、h1-h6、hr、menu、ol、ul、li、dl、dt、d...

caspar 2019-08-02 14:33 評論0 收藏0