关于H5新标签<figure>

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>

转载于:https://www.cnblogs.com/mei123/p/8473200.html