<figure>元素的目的是什么？

Question

我一直试图理解<figure>元素；从w3.org看一下：

  

在此上下文中自包含不一定表示独立。例如，段落中的每个句子都是独立的；包含在句子中的图像不适合人物形象，但由图像构成的整个句子将是合适的。

图像如何成为句子的一部分？这是在说什么我已经阅读了许多说明，但是我仍然不明白为什么要使用此元素。该标签的目的是什么？

Answer 1

根据MDN：

  

通常<figure>是在文档的主要流程中引用的图像，插图，图表，代码段等，但可以移动到文档的另一部分或附录中而不影响主流。

一个示例（基于来自同一MDN链接的示例）可能是一个代码段，该代码段在有关该属性的文章中打印了浏览器导航器的各个部分。您无需知道确切的代码即可打印该信息以了解navigator中的内容，但是它可以帮助读者理解。

此外，<figure>标记允许将<figcaption>标记作为子标记使用，这是对字幕图像进行方便且可访问的方式。

Answer 2

HTML5语义标签对每个人都是神秘的。由于概念的目的是保持抽象和科学性，尽管使用HTML5，我还是会使用一些过分简化的方法使其易于理解 上师告诉我我怎么错了。

请记住，语义标记是为计算机而不是人类读取的。它们的存在是为了使Google的脚本（以及每个人的脚本，但主要是Google和黑客机器人）可以快速搜索数字并将它们编入索引。要理解语义标签，请像脚本一样思考，而不要像人类一样思考。

  

“如果我是由黑客编程的机器人，那么在爬网时如何挖掘人物？”

如果我们编写一个脚本来查找IMG标签，它将最终收集到大量垃圾（即图标）。我们感兴趣的是真实内容，这就是“ 自包含内容”的含义：您将网站中的此元素剪切并粘贴到HTML中的我的图像挖掘库中，这很有用。

垃圾：图标，装饰性图像，由JavaScript插件创建的用于美化事物的图像，笑脸等。

好发现：图表，照片，图表，地图，工程图等。

即使您没有任何上下文从网页上窃取它们，“ 好的发现”还是有意义的，除了附带的“标题”标记之类的东西。这些标签允许抓取工具将您的图像与文本标签相关联，从而使分类更加容易。因此您不想错过此内容。

因此，我们对图形标题，标题，副标题等感兴趣，图形应将所有这些内容包装起来。 Figure标签不限于图像；它可以包含文本，视频，音频，代码块以及任何内容，只要它是文档中该“实体”的一部分即可。所以下面是一个数字：

现在，在诸如科学论文之类的文档中，您经常会发现诸如此类的东西：

尽管每个图像本身都是有意义的，但是由于它们之间通过某种关系联系在一起，它们作为一个整体更有意义。有时甚至顺序也很重要（例如，一系列步骤或经历过的状态照片）。那是“ 句子” ，您想将它们一起挖掘，否则您将丢失有价值的信息。

我们的挖掘算法必须使用某种自然语言处理AI来了解您网站的内容，否则它只能收集您为其提供的Figures标签。后者是好的语义。

总结一下，假设您正在Google AI算法中挖掘代码中的图形。编写图形标签以简化此脚本的工作。