︿
✖ CLOSE

HTML5新增figure及figcaption圖片及說明新元素

2 年 之前│
Jin

HTML5新增元素figure及 figcaption主要是用來放置圖片及加上圖片說明使用,這兩項元素是一起搭配使用的,透過這兩項元素就能快速完成上下圖片及圖片說明的功能,不需要再額外的增加一層DIV就能輕輕鬆鬆完成,同時這兩種元素也可以可以配合其它像是Slideshow(幻燈片)js外掛來打造成一個很漂亮的樣式。

使用方法很簡單,如下:

<figure>
擺放圖片語法<img />
<figcaption>擺放圖片說明</figcaption>
</figure>

範例:

這是圖片說明

也可以個別調整 CSS 樣式,例如:可以搭配此篇文章,配合 CSS3 語法來打造不一樣的樣式。

關鍵字: HTML5

▪ 相關文章