关于H5新标签
HTML5 - 用
添加插图和图题

参考三星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>