AI教程网 - 未来以来,拥抱AI;新手入门,从AI教程网开始......

HTML5 figure 标签

HTML5教程 AI君 50℃

实例

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

<figure>
  <img src="http://www.ainoob.cn/wp-content/images/202002/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


标签定义及使用说明

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

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


HTML 4.01 与 HTML5之间的差异

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


提示和注释

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


全局属性

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


事件属性

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

注意:

<figure> 元素内容的纲要是被文档的主纲要排除在外的.

可以通过在 <figure> 元素中插入一个 <figcaption> 来为其关联一个标题(作为它的第一个或者最后一个子元素).

转载请注明:www.ainoob.cn » HTML5 figure 标签

喜欢 (0)or分享 (0)