HTML figure标签

本文概述

• HTML图形标签示例
• 支持的浏览器

HTML <figure>标记用于在网页上的文档中标记照片。

众所周知, HTML中已经可以使用图片标签来在网页上显示图片。但是HTML 5 <figure>标记用于处理带有某些嵌入式内容的一组图, 照片, 代码清单等。你还可以借助<figcaption>标记为照片添加标题。

HTML图形是HTML5中引入的新标签。

HTML图形标签示例

<p>The Taj Mahal is widely recognized as "the jewel of Muslim art in India and 
one of the universally admired masterpieces of the world's heritage". It is regarded
 by many as the finest example of Mughal architecture, a style that combines elements
 from Islamic, Persian, Ottoman, Turkish and Indian architectural styles.</p>
<figure>
  <img src="https://static.srcmini02.com/htmlpages/images/tajmahal.jpg" alt="Taj Mahal"/>
</figure>

立即测试

输出：

泰姬陵被公认为“印度穆斯林艺术的瑰宝, 是世界遗产中举世瞩目的杰作之一”。它被许多人视为莫卧儿建筑的最好典范, 这种风格融合了伊斯兰, 波斯, 奥斯曼帝国, 土耳其和印度的建筑风格。

注意：放在<figure> ……. </ figure>标记中的内容与主流相关, 但是其位置与主流无关, 并且在删除文档时不会影响文档的流程。

支持的浏览器

注意：HTML图形标记还支持HTML中的global和event属性。