作者簡介
Jin 專注於撰寫實用教學、最新資訊與多元情報內容。
HTML5新增元素figure及 figcaption主要是用來放置圖片及加上圖片說明使用,這兩項元素是一起搭配使用的,透過這兩項元素就能快速完成上下圖片及圖片說明的功能,不需要再額外的增加一層DIV就能輕輕鬆鬆完成,同時這兩種元素也可以可以配合其它像是Slideshow(幻燈片)js外掛來打造成一個很漂亮的樣式。
使用方法很簡單,如下:
<figure>
擺放圖片語法<img />
<figcaption>擺放圖片說明</figcaption>
</figure>
範例: