【发布时间】:2012-12-30 06:43:00
【问题描述】:
我正在尝试为我的项目构建一个干净的 HTML5 结构,
我没有得到 Figure 标签的用法多样性;
我们真的可以像本页所说的那样使用图中的视频吗:
http://oopeducation.com/html5/html5-figure-tag/
还是只适用于图片?
谢谢!
【问题讨论】:
我正在尝试为我的项目构建一个干净的 HTML5 结构,
我没有得到 Figure 标签的用法多样性;
我们真的可以像本页所说的那样使用图中的视频吗:
http://oopeducation.com/html5/html5-figure-tag/
还是只适用于图片?
谢谢!
【问题讨论】:
是的,您可以 - 根据 HTML5 规范,<figure> 允许 flow content(由 flow elements 和 normal character data 组成)。鉴于<video> 和<audio> 都是众多流元素之一,将它们嵌套在图形中是完全有效的。
HTML5 Doctor 的This 文章似乎提出了同样的建议,看看吧。
【讨论】:
是的,有可能。
这是W3C指定的<figure>标签的定义:
图形元素表示一些流内容,可选地带有一个 标题,它是独立的,通常被称为 来自文档主要流程的单个单元。
因此,该元素可用于注释插图、图表、 主要内容中引用的照片、代码清单等 文件,但这可以在不影响文件的流动的情况下 文档,从该主要内容移开,例如到一边 页面、专用页面或附录。
您可以在此处查看 W3C 文档提取的示例,其中 <video> 标记包含在 <figure> 标记中。
<figure>
<video src="ex-b.mov"></video>
<figcaption>Exhibit B. The <cite>Rough Copy</cite> trailer.</figcaption>
</figure>
您可以在此处找到官方 W3C 文档:http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-figure-element
【讨论】: