关于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>