HTML标签

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>标记中的内容与主流相关,但其位置与主流无关并且在移除后不影响文档的流动。

支持浏览器

标签  chrome浏览器  ie浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<figure> 支持 支持 支持 支持 支持
注意: HTML<figure>标签还支持HTML中的global和event属性。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4