HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <figure> 图形标签

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

众所周知，HTML 中已经提供了图像标签来显示网页上的图片。但是 HTML 5 <figure> 标签用于处理带有一些嵌入内容的图表、照片、代码列表等组。您还可以在 <figcaption> 标签的帮助下为照片添加标题。

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

HTML 图形标签示例

<!DOCTYPE>
<html>  
<body>  
<p>天安门，坐落在中华人民共和国首都北京市的中心、故宫的南端，与天安门广场以及人民英雄纪念碑、毛主席纪念堂、人民大会堂、中国国家博物馆隔长安街相望，占地面积4800平方米，以杰出的建筑艺术和特殊的政治地位为世人所瞩目。</p>  
<figure>  
  <img src="/public/static/rocschool/img/try/tiananmen.jpg" alt="Taj Mahal"/>  
</figure>  
</body>
</html>

输出：

天安门，坐落在中华人民共和国首都北京市的中心、故宫的南端，与天安门广场以及人民英雄纪念碑、毛主席纪念堂、人民大会堂、中国国家博物馆隔长安街相望，占地面积4800平方米，以杰出的建筑艺术和特殊的政治地位为世人所瞩目。

天安门

注意： <figure>.......</figure> 标签内的内容与主流相关，但其位置与主流无关，移除时不影响文档的流程。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<figure>YesYesYesYesYes


上一主题 HTML <figcaption> 标签 下一主题 HTML <font> 标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具