html5 – 语义:文章列表中的图像应该包含在图中吗?

在典型的文章索引(如博客,新闻门户网站)中,例如:

《html5 – 语义:文章列表中的图像应该包含在图中吗?》

它应该包含图中包含的图像缩略图,还是单独使用它就可以了?

The HTML5 spec defines figure as,

The figure element represents a unit of content, optionally with a
caption, that is self-contained, that is typically referenced as a
single unit from the main flow of the document, and that can be moved
away from the main flow of the document without affecting the
document’s meaning.

但是我仍然有问题,如果这意味着我们应该/不应该将图像缩略图放在图中.

例如,即使没有图像,它也不会改变文章含义,因此符合条件.但另一方面,缩略图并不是完全独立的.

In another question @unor建议只使用数字,如果图像本身应该有一个单独的标题.但在规范中我们看到标题是可选的.

有人能帮我一下吗?

最佳答案 想想< figure>您可以在新闻文章或教程中看到的类似于图表,标注图像,表格或代码块的内容.

如果它保证任何类型的标题,那么使用< figure>因为它有一个figcaption元素来支持它.缺少标题并不意味着< Figure>是不允许的, 不要求使用figcaption.您可以

并非所有图像都属于< figure>.例如,如果它没有替代文本或其他文本描述(例如,longdesc),那么它可能不符合使用< figure>因为它的缺席可能没有任何影响

如果图像只是眼睛糖果,也许是主要装饰的导入图像,那么你可以跳过使用< figure>.是否选择将其包装在< p>中或不(或其他)取决于你.

在没有看到更多上下文(图像,整页等)的情况下,由于您将其描述为具有缩略图的索引并且它们的缺失不会损害其含义,我认为您应该忽略< figure>.

最近有一篇关于2010年这篇文章的讨论:http://html5doctor.com/the-figure-figcaption-elements/

点赞