在HTML5中使用<picture>裏面的<figure>元素？

在HTML5我們目前有一個<figure>元件，像限定爲使得（W3C reference）在HTML5中使用<picture>裏面的<figure>元素？

該圖元素表示內容的單元，任選地與一個標題，即是自包含的，即通常作爲單個引用單位從文檔的主要流程中移出，並且可以從文檔的主流程移開而不影響文檔的含義。

最近一個新元素<picture>提出由Responsive Images Community group和它被定義in the reference像這樣

用於顯示圖像的圖像元件，其可以來自一系列來源（見srcset屬性）。用戶代理顯示哪個圖像取決於派生源圖像的算法。

由於兩種描述似乎是不矛盾的（和圖片文件是草案狀態尚）在這裏我的問題：是否有可能（在技術上和語義上）有一個figure元素內嵌套picture，通過這種方式？

<figure> 
    <picture> 
     <source ...> 
     <source ...> 
     <source ...> 
     <img..> 
    </picture> 

    <figcaption>...</figcaption> 
</figure>

我在規格中找不到關於它的參考資料。：\

注：我知道，沒有瀏覽器實現了這個當前元素，我只是用jQuery picture

謝謝你做一些實驗。

來源

2012-10-15 fcalderan

這只是一個建議。除非獲得HTML5工作組的批准，否則您無法期望在任何規範中找到它（無論哪一個）。也許一個更好的地方要問這是在社區組的郵件列表或HTML5郵件列表之一。 – BoltClock

這是否工作？從來不知道''標籤 –

@MrAlien，這個元素有一個jQuery的polyfill（參見http://jquerypicture.com/） – fcalderan

你不會找到它，因爲它還沒有真正的官方呢，但我會假設答案是是，這很好。

此刻，你這樣做：

<figure> 
    <img src="image.jpg" alt="The Image"> 
    <figcaption>A Caption</figcaption> 
</figure>

和<picture>僅僅是意味着是對敏感部位多src'd <img>的方法，所以在技術上它似乎像 - 如果它被批准 - 你的例子是有效的。

來源

2012-10-15 16:37:26 Brian

Mat Marquis here - 我是picture規範（http://picture.responsiveimages.org）的編輯之一。

簡短答案是「是」，長答案是「絕對」。語義上正確（figure可以包含圖像，圖表，表格，代碼片段等），並且100％有效。

來源

2014-05-29 19:26:49 Wilto

謝謝@wilto。我看到在響應式圖片社區組網站上使用'

'和'

在HTML5中使用<picture>裏面的<figure>元素？

回答

相關問題