购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 教程手册(新) >> HTML标签
其他教程参考

可附标题内容<figure>

可附标题内容<figure>
HTML 可附标题内容<figure>规定独立的流内容(图像、图表、照片、代码等等);
灭绝小师太 灭绝小师太 更新时间:2019-04-10 13:30:15

HTML <figure> 标签


标签定义及使用说明

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

<figure> 元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。


浏览器支持

    

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。


HTML 4.01 与 HTML5之间的差异

<figure> 标签是 HTML 5 中的新标签。


提示和注释

提示:<figcaption> 元素被用来为 <figure> 元素定义标题。


全局属性

<figure> 标签支持 HTML 的全局属性


事件属性

<figure> 标签支持 HTML 的事件属性


使用 <figure> 元素标记文档中的一个图像:

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)</title> 
</head>
<body>

<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

<figure>
  <img src="http://img.php.cn/upload/image/866/689/100/1553593848616128.jpg" tppabs="http://img.php.cn/upload/image/866/689/100/1553593848616128.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号