本文概述
- HTML图形标签示例
- 支持的浏览器
众所周知, 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>
立即测试
输出:
泰姬陵被公认为“印度穆斯林艺术的瑰宝, 是世界遗产中举世瞩目的杰作之一”。它被许多人视为莫卧儿建筑的最好典范, 这种风格融合了伊斯兰, 波斯, 奥斯曼帝国, 土耳其和印度的建筑风格。
文章图片
注意:放在< figure> … … . < / figure> 标记中的内容与主流相关, 但是其位置与主流无关, 并且在删除文档时不会影响文档的流程。 支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< figure> | Yes | Yes | Yes | Yes | Yes |
推荐阅读
- HTML文件路径
- HTML figcaption标签
- HTML fieldset标记
- HTML网站图标favicon
- HTML事件属性
- HTML实体
- HTML embed标签
- HTML em标签
- HTML元素