我对 HTML 很陌生。我正在关注在线教程。我需要在页面上放置一些图像，并且需要将这些图像包含在<figure> 标记中。本教程没有解释为什么我需要这样做。事实上，它根本没有提供有关<figure> 标记的信息。所以，我用谷歌搜索了它，这就是我发现的：
HTML（带有可选标题的图）元素表示自包含内容，可能带有可选标题，使用 (
<figcaption>) 元素指定。图、它的标题和它的内容被作为一个单元引用。
强调我的。
这个解释对我没有帮助。请有人解释一下“自包含内容”是什么意思？ 所有内容本质上不是“独立的”吗？如果不是，那么对任何元素的任何调整都会影响其他所有元素。 “自包含内容”是网页设计中具有特殊含义的某种保留术语吗？我只是不明白在这种情况下内容“独立”意味着什么。结果，我无法理解<figure></figure> 标签的意义。
非常感谢。
【问题讨论】：
自包含意味着元素清楚地定义了它的内容，例如<div> 和<span> 不会像<table>、<article> 等那样告诉你自己称为HTML Semantic Elements
像 table 这样的自包含元素本身定义了一组样式，例如 display:table，并为其内部子项（例如行和单元格）定义了一组样式
<main> 或 <footer> 等其他自包含元素用于简洁代码和对开发人员友好的标记命名
对于<article>，一篇文章本身应该是有意义的，并且应该可以独立于网站的其余部分阅读。
此外，HTML 语义也有利于 SEO，例如标题标签 <h1>、<h2>、...
本文定义了这些元素如何帮助更好地为搜索引擎定义页面内容，What HTML5 Means For SEO。
出于<figure>标签的目的，请检查问题What is the purpose of the 'figure' tag in html?的这些答案
【讨论】：
没有。 “self-contained”的意思来自英文，并不是网页设计中具有特殊含义的术语。
“自包含”是指独立于其周围环境。考虑<figure> 元素的最佳方式类似于教科书中的图形。为便于阅读，图表通常印在说明图表内容与整章相关性的文本附近。但是您也可以只阅读该图并理解它告诉您的内容，而无需阅读它出现的上下文。
所以你可以把所有的人物都移到书中的其他地方，你可以在人物所在的那一页第一次打开书，你仍然可以理解人物在告诉你什么.只要文本需要引用该图，它就可以这样做，例如说“参见图 23b”，它就可以作为一个图。
【讨论】：