'的目的是什么；图'；html中的标记？_Html

'的目的是什么；图'；html中的标记？

html

'的目的是什么；图'；html中的标记？,html,Html,我使用的标记如下： <!DOCTYPE html> <html> <body> <figure> <img src="img.jpg" alt="image" width="204" height="220"> </figure> </body> </html> 但是如果我删除标记，它似乎没有任何区别。有人能给我解释一下figure标签的用途吗？标签的全部要点是它是主流程的一部分，如果删除，它

我使用的

标记如下：

<!DOCTYPE html>
<html>
<body>
<figure>
 <img src="img.jpg" alt="image" width="204" height="220">
</figure>
</body>
</html>

但是如果我删除

标记，它似乎没有任何区别。有人能给我解释一下figure标签的用途吗？

标签的全部要点是它是主流程的一部分，如果删除，它不会影响文档的流程（源代码）

这就是为什么它主要用于图像、视频、动画等

基本上，您可以将其视为不影响其子元素位置的包装标签。元素打算与元素一起使用，以标记图表、插图、照片和代码示例（以及其他内容）。规范中这样说是关于

：

figure元素表示一个内容单元（可选地带有标题），该单元是自包含的，通常作为文档主流的单个单元引用，并且可以在不影响文档含义的情况下从文档主流移开

HTML

元素表示自包含的内容，通常带有标题

，通常作为单个单元引用。虽然它与主流有关，但其位置与主流无关。通常，这是一个图像、插图、图表、代码片段或模式，在主文本中引用，但可以移动到另一页或附录，而不影响主流程

使用标记的原因是因为它是HTML5语义的。它没有指定的类特征。正如其他答案所指出的，您可以删除它或替换为div，但它实际上不会改变任何东西。但是，如果您正在编写良好的“语义”代码，该代码在其标记中定义了含义，那么这是您将包含的标准标记之一。
它类似于or和其他语义标记，它们以浏览器和开发人员可读的方式定义代码。

好问题

这一切都归结为几件事-语义、搜索引擎优化、可访问性（可能还有更多…

这是什么？

元素是HTML5中刚刚出现的语义标记。这会告诉浏览器，它是一个容器，其中包含相互关联的元素。在这方面起作用，下面将对此进行解释
另外，请注意，它不必只包含元素，它可以包含其他元素，如表、视频剪辑、音频剪辑等
我们为什么要使用它？
在HTML5之前，没有用于图像、图表、视频等标题的元素。它现在将具有元素的语义。将帮助搜索引擎查找这些图像
通过语义，你的搜索引擎优化得到了改进，机器人会更快地在搜索引擎上找到你的图像，并在结果中显示出来
可访问性
使用figure和figcaption标签，用户（视力受损用户）将能够理解结构（在屏幕阅读器的帮助下）。屏幕阅读器bot将通知用户这是一个标题内容，因此如果将其放在相关图像的正后方或正前方，用户将能够理解它

灵感来源于：
那么为什么要使用它？为了成为包装器是为什么要使用它的主要原因之一？了解可访问设备的布局流程也有利于可访问性。也许可以在您的答案中添加一个示例，说明使用它的优势？这两个文档描述有助于抽象理解。但这并不能真正让我更清楚地知道我是否（或何时）应该使用
。