使用 <figure> 元素标记文档中的一个图像：
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。
注释：IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。
标签定义及使用说明
<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。
<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。
HTML5中figure标签怎么用?具体实例如下
figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
figure用友一个子标签——figcaption标签。
注意：一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。
实例代码1：
不带有标题的figure元素：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 figure新标签的应用-不带有标题的figure元素</title>
</head>
<body>
<figure>
<img alt="" src="/logo/logo.png"/>
</figure>
</body>
</html>
实例代码2：
带有标题的figure元素：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5中figure新标签的应用-带有标题的figure元素</title>
</head>
<body>
<figure>
<img alt="poluoluo.com" src="/it-htmltag/www_/logo/logo.png"/>
<figcaption></figcaption>
</figure>
</body>
</html>
实例代码3：
多个图片，同一个标题的figure元素：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 figure新标签的应用-多个图片，同一个标题的figure元素</title>
</head>
<body>
<figure>
<img alt="" src="/it-htmltag/www_/logo/logo.png" />
<img alt="" src="/it-htmltag/www_/logo/logo.png"/>
<img alt="" src="/it-htmltag/www_/logo/logo.png"/>
<figcaption></figcaption>
</figure>
</body>
</html>
HTML 4.01 与 HTML5之间的差异
<figure> 标签是 HTML 5 中的新标签。
提示：<figcaption> 元素被用来为 <figure> 元素定义标题。
<figure> 标签支持 HTML 的全局属性。
<figure> 标签支持 HTML 的事件属性。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <figure> 标签
