︿

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

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

使用方法很簡單,如下:

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

範例:

這是圖片說明

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

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Jin
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!