我们可以在不使用<figure>

时间:2016-11-18 14:11:07

标签: html html5

这显然是一个非常不同的问题:“<figure>元素只能包含没有图像的<figcaption>吗?”

我正在将我的网站转换为使用HTML5语义元素。我有很多投资组合页面,包含大量图像。每张图片都有一个标题,如下所示:

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

我是否可以将p标记和类替换为figcaption,而无需将图像和标题包装在figure元素中?

figure元素中包装所有图像和标题对我来说是一件痛苦的事,并且会增加额外的(不必要的)代码。

使用figcaption似乎在语义上比使用带有类的p标记要好。

图片不会被页面上的主要文字直接引用,因此使用figure并非严格需要或者需要(因为我说我不愿意花时间去做这件事并感受到它增加了代码膨胀)。

1 个答案:

答案 0 :(得分:3)

你可以,但它不是有效的HTML。 specs表示父母必须是<figure>

  

允许的父元素:<figure>元素; <figcaption>   元素必须是它的第一个或最后一个孩子。