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

根据MDN：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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