使用< picture>内部< figure>HTML5中的元素? [英] Use of <picture> inside <figure> element in HTML5?
问题描述
在HTML5中,我们目前有一个< figure>
元素,其定义如下( W3C参考)
In HTML5 we currently have a <figure>
element, defined like so (W3C reference)
Figure元素表示一个内容单元,可以选择包含标题,该内容单元是独立的,通常从文档的主流中引用为单个单元,并且可以从文档的主流中移开.文档而不会影响文档的含义.
The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.
最近,响应图像提出了一个新元素 用于显示可能来自多种来源的图像的图片元素(请参见srcset属性).用户代理显示哪个图像取决于导出源图像的算法.
The picture element used for displaying an image that can come from a range of sources (see srcset attribute). Which image the user agent displays depends on the algorithm for deriving the source image. 由于这两个描述似乎并不矛盾(并且图片上的文档处于草稿状态),所以我的问题是:是否可以(技术上和语义上)嵌套一个 Since the two descriptions seems to be not contradictory (and documentation on picture is on draft state yet) here my question: is it possible (technically and semantically) to have a nested 我在规格中没有找到关于它的参考.:\ I've found no references about it in specs. :\ 注意:我知道目前没有浏览器实现此元素,我只是在 jQuery图片上做一些实验.> Note: I'm aware that no browser implements currently this element, I'm just making some experiments with jQuery picture 谢谢. 您尚未找到它,因为它实际上尚未正式发布,但我将假定答案为是,即很好. You won't find it since it's not actually official yet, but I am going to assume the answer is yes, that is fine. 此刻,您可以执行以下操作: At the moment, you do something like: 和 and 这篇关于使用< picture>内部< figure>HTML5中的元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!< picture>
社区组,它的定义是
图片
放在 figure
元素中的方式?picture
inside a figure
element, in this way?<figure>
<picture>
<source ...>
<source ...>
<source ...>
<img..>
</picture>
<figcaption>...</figcaption>
</figure>
推荐答案
<figure>
<img src="image.jpg" alt="The Image">
<figcaption>A Caption</figcaption>
</figure>
< picture>
只是意味着对响应站点具有多个src'd < img>
的方法,因此从技术上讲,就像-如果它被批准-您的示例是有效的.<picture>
is simply meant to be the a method of have a multiple src'd <img>
for responsive sites, so technically it would seem like -- if it were approved -- your example is valid.