2012-12-05 52 views
8

对于一个<figure>元素来说它是否是语义的,只包含<figcaption>?它validate ...一个<figure>元素只包含一个<figcaption>没有图像?

<figure> 
    <img src="example.jpg"> 
    <figcaption>Image and caption</figcaption> 
</figure> 

<figure> 
    <figcaption>Caption only</figcaption> 
</figure> 

在这种情况下,它不得不CSS样式后果:

figure figcaption { color: red; } 

回答

7

一种imgfigure元件不是必需的,它恰好是常见的,并且使用figcaption大多数实施例也有一个图像。

http://dev.w3.org/html5/spec/single-page.html#the-figure-element

<figure>元件因此可以被用于注释插图,图表,照片,代码清单等,这是从文件的主要内容 称为,但可能在不影响将该文档的流程从该主要内容移开,例如到 页面,专用页面或附录。

http://dev.w3.org/html5/spec/single-page.html#the-figcaption-element

<figcaption>元素表示的figcaption元素的父元素人物的 的内容,如果任何 其余部分的标题或图例。

注意“如有”的一部分,这使我相信比其他figcaption的内容可能不存在,它仍然是有效的。然而,正如Alochi指出的那样,它暗示了对元素的滥用,因为没有内容可以描述标题。

在非图像内容,对本规范例如一个例子是伴随figcaption,所以我认为这是公平的假设这是完全确定,没有一个形象:

这里,一首诗的一部分用数字标出。

<figure> 
    <p>'Twas brillig, and the slithy toves<br> 
    Did gyre and gimble in the wabe;<br> 
    All mimsy were the borogoves,<br> 
    And the mome raths outgrabe.</p> 
    <figcaption> 
    <cite>Jabberwocky</cite> (first verse). 
    Lewis Carroll, 1832-> 98 
    </figcaption> 
</figure> 
2

许可内容为数字:

  • 一个figcaption元素,接着是流内容
  • 流内容随后是可选图形元素

(c) w3c/figure

+0

W3C的“其次是流量内容”部分是灰色 - 好奇,如果它是如此清晰... – Baumr

4

作为迈克尔Malinovskij回答,A图元件应包含 “内容流”,以及一个figcaption。

The HTML5 spec has this to say about flow content

一般来说,元素,其内容模型允许任何流量 内容或措辞的内容应至少有一个子节点是 是显而易见的内容,并且没有指定的隐藏属性 。

当它 被用作将在后面由脚本来填充在占位符此要求不是硬性要求,但是,因为有许多 情况下的元件可以是空的合法,例如,或 当元素是模板的一部分,并且在大多数页面上会填充 但在某些页面上不相关。

因此不具有比figcaption任何其他有效,但除非你打算填写内容后,它可能不是传达有用的或正确意义,这可以被描述为没有语义

+0

哦,对,我太陷入了“没有图像”的一部分。没有内容的孤独无花果是没有意义的,对吧? –

+0

@WesleyMurch - 很难看出它何时有意义,是的。 – Alohci

+0

奇怪的是,规范中提到“figcaption元素的父元素的其余内容的标题,***如果有***”......听起来像是已经考虑过了,这是公平的游戏,没有其他内容比无花果。我看不出这是怎么回事。 –

相关问题