HTML figure标签

本文概述

  • HTML图形标签示例
  • 支持的浏览器
【HTML figure标签】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.srcmini.com/htmlpages/images/tajmahal.jpg" alt="Taj Mahal"/> < /figure>

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

文章图片
注意:放在< figure> … … . < / figure> 标记中的内容与主流相关, 但是其位置与主流无关, 并且在删除文档时不会影响文档的流程。 支持的浏览器
Element Chrome IE Firefox Opera Safari
< figure> Yes Yes Yes Yes Yes
注意:HTML图形标记还支持HTML中的global和event属性。

    推荐阅读