關於H5新標簽

HTML5 - 用<figure/>添加插圖和圖題

參考三星s9介紹網頁：http://www.samsung.com/cn/smartphones/galaxy-s9/camera/#dual-aperture

1，什么是插圖（figure） 
插圖與圖片概念不太一樣，HTML5規范建議我們把插圖想象成一本書的附圖。即插圖雖然獨立於文本，但文本中會提到它。

2，插圖使用 
（1）使用<figure>標簽添加插圖，並設置浮動，相關的文本可以在其附近圍繞。 
（2）<figure>標簽內部還可以添加<figcaption>圖題，其包含了對圖片的完整說明。（添加圖題后，alt文本就顯得多余，可以去除）。

例子：

<figure> 

<figcaption>Three different breeds of dog.</figcaption> //標題，可省略

<img src="dog1.jpg" alt="Maltese Terrier"> //圖片

<img src="dog2.jpg" alt="Black Labrador"> 

<img src="dog3.jpg" alt="Golden Retriever">

 </figure>