2016-11-18 57 views
2

這顯然是一個非常不同的問題:「一個<figure>元素是否只包含一個<figcaption>而沒有圖像?」我們可以在不使用圖片時使用<figcaption><figure>

我將我的網站轉換爲使用HTML5語義元素。我有很多投資組合頁面,包含大量的圖像。每個圖像有一個標題,就像這樣:

<img ... > 
<p class="caption">... </p> 

我可以代替p標籤與類別figcaption,而無需包裹圖像和字幕中figure元素?

figure元素中包裝所有圖像和標題對我來說是一件很痛苦的事,並且會增加額外的(不必要的)代碼。

使用figcaption在語義上似乎比使用p標籤的類更好。

圖像不是直接引用的正文在頁面上,所以使用figure是不嚴格necassary或需要(正如我所說我不願意花時間這樣做,並認爲它增加了代碼膨脹)。

+0

這些天有些正派的文本編輯器具有RegEx查找和替換功能。通過RegEx和'全部替換',絕對可以*和*輕鬆地將您的代碼更改爲有效的HTML,包括一個「圖形」標籤。 –

回答

3

你可以,但它不會是有效的HTML。所述specs說父必須是<figure>

允許父元素:甲<figure>元件;元素必須是其第一個或最後一個子元素。

+0

這似乎是一個恥辱,我將不得不堅持較少的語義p標籤和類 - 但唉,這就是我會做的 – Markeee

+0

@Markeee:孤兒figcaption並沒有更好的。如果沒有包含這兩個元素的圖,瀏覽器或其他用戶代理使用HTML將沒有辦法將figcaption與圖像相關聯。 – BoltClock

相關問題