2012-12-05 50 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元素的父元素的其餘內容的標題,***如果有***」......聽起來像是已經考慮過了,這是公平的遊戲,沒有其他內容比無花果。我看不出這是怎麼回事。 –

相關問題