2016-11-18 64 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

相关问题