HTML<figure>标签
HTML<figure>标签作用
HTML <figure>标签用于在网页上的文档中标记照片。
我们知道,HTML中已经可以使用图片标签来在网页上显示图片。但是HTML 5 <figure>标记用于处理带有某些嵌入式内容的一组图,照片,代码清单等。您还可以在<figcaption>标签的帮助下为照片添加标题。
HTML<figure>是HTML5中引入的新标签。
HTML<figure>标记示例
<p>泰姬陵被公认为"印度穆斯林艺术的瑰宝,也是世界遗产中举世瞩目的杰作之一"。这种风格融合了伊斯兰,波斯,奥斯曼帝国,土耳其和印度的建筑风格。</p>
<figure>
<img src="https://www.lidihuo.com/uploads/html/tajmahal.jpg" alt="泰姬陵"/>
</figure>
输出:
泰姬陵被公认为"印度穆斯林艺术的瑰宝,也是世界遗产中举世瞩目的杰作之一"。这种风格融合了伊斯兰,波斯,奥斯曼帝国,土耳其和印度的建筑风格。
注意:您放置在<figure> ........ </figure>标记中的内容与主流相关,但其位置与主流无关并且在移除后不影响文档的流动。
支持浏览器
标签 |
 |
 |
 |
 |
 |
<figure> |
支持 |
支持 |
支持 |
支持 |
支持 |
注意: HTML<figure>标签还支持HTML中的global和event属性。