语义：文章列表中的图像应该包含在图中吗？

Question

在典型的文章索引中（如博客，新闻门户网站），例如：

它是否应该包含figure中的图片缩略图，还是单独使用它？

The HTML5 spec defines figure as，

  

数字元素表示内容单位，可选地带有   标题，即自包含的，通常被称为a   来自文档主流的单个单元，可以移动   远离文件的主流而不影响   文件的含义。

但我仍然有问题，如果这意味着我们应该/不应该将图片缩略图放在figure内。

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

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

有人可以帮我吗？

Answer 1

将<figure>视为图表，标注图像，表格或代码块，您可能会在新闻文章或教程中看到这些内容。

如果它保证任何类型的标题，请使用<figure>因为它有figcaption元素来支持它。缺少标题不表示不允许<figure>，<figure>不需要figcaption。你可以

并非所有图片都属于<figure>。例如，如果它没有alt文本或其他文字说明（例如longdesc），那么它可能不符合使用<figure>的条件，因为它的缺席可能不会影响任何内容。

如果图像只是眼睛糖果，也许是主要装饰的导入图像，那么您可能只是跳过使用<figure>。是否选择将其包裹在<p>或不包括（或其他）中取决于你。

没有看到更多的上下文（图片，整页等），因为您将其描述为带有缩略图的索引，并且它们的缺失不会损害其含义，我认为您应该忽略{{1 }}

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