HTML中多個圖像和標題的正確語法是什麼？

Question

在HTML中，如果我有多個圖像並且想要標註每個圖像，哪個是正確的語法？

甲

<figure> 
    <img src="images/img1.jpg"> 
    <figcaption>Caption 1</figcaption> 
</figure> 
<figure> 
    <img src="images/img2.jpg"> 
    <figcaption>Caption 2</figcaption> 
</figure> 

或B

<figure> 
    <img src="images/img1.jpg"> 
    <figcaption>Caption 1</figcaption> 
    <img src="images/img2.jpg"> 
    <figcaption>Caption 2</figcaption> 
</figure> 

Answer 1

的spec爲figure元素內容模型表示：

或者：一個figcaption元件隨後流的內容。 或者：流內容後跟一個figcaption元素。

我認爲這很清楚figure應該代表一件事。所以選項A是正確的選擇。

Answer 2

看起來像基於規範，這將是你的第一個。

http://www.w3.org/TR/html5/grouping-content.html#the-figure-element

4.4.11該圖元件

內容模型：

或者：一個figcaption元件隨後流的內容。

或者：流內容後跟一個figcaption元素。

或者：流量內容。

所以基本上每個圖形元素應該只包含一個單獨的figcaption。

Answer 3

關於數字標籤，每MDN：

的HTML元素表示自包含的內容， 經常與一標題（），並且通常引用 作爲單個單元。