如果您今天查看任何网页的HTML标记，您将看到其他HTML元素中包含的HTML元素。这些“内部”的元素是所谓的“嵌套元素”，它们对于构建任何网页至关重要。
嵌套HTML标签意味着什么？
理解嵌套的最简单方法是将HTML标记视为保存内容的框。您的内容可以包含文本，图像等.HTML标记是内容的框。有时，您需要将盒子放在其他盒子里面。那些“内部”盒子嵌套在其他盒子里面。
如果您在段落中有一个粗体文本块，那么您将拥有两个HTML元素以及文本本身。
示例：这是一个 句子 的文本。
该文本是我们将用作示例的内容。以下是它的编写方式。
示例：这是一个文本句子。 因为您希望单词“sentence”为粗体，所以您可以在该单词之前和之后添加开始和结束粗体标签。
示例：这是一个 句子 的文本。 如您所见，我们有一个框（段落），其中包含我们句子的内容/文本，以及第二个框（强标记对），它将该单词呈现为粗体。 嵌套标签时，按照打开标签的相反顺序关闭标签至关重要。你打开了 首先，接着是 ，这意味着你逆转并关闭 然后是 另一种思考方式是再次使用盒子的类比。如果将盒子放在另一个盒子内，则必须先关闭内盒，然后才能关闭外盒或包含盒子。 如果你只想要一两个单词加粗，另一个单词是斜体怎么办？这是如何做到这一点。 示例：这是一个 句子 文本，它也有一些 斜体文字 太。 你可以看到我们的外盒， ，现在里面有两个嵌套标签 - 和 。必须先关闭它们才能关闭包含盒子。 示例：这是一个 句子 文本，它也有一些 斜体文字 太。 这是另一段。 在这种情况下，我们在盒子里面有盒子！最开箱即是 你应该关心嵌套的首要原因是你要使用CSS。级联样式表依赖于标记始终嵌套在文档中，以便它可以分辨样式的开始和结束位置。如果您设置的样式应该影响页面上具有“主要内容”类别的所有“部门内部的链接”，则不正确的嵌套会使浏览器难以知道应用这些样式的位置。我们来看一些HTML： 示例：这是一个 句子 文本，它也有一些 斜体文字 太。 这是另一段。 使用我刚刚说过的示例，如果我想编写一个会影响该部门内部链接的CSS样式，并且只影响该链接（与页面其他部分中的任何其他链接相对），我需要使用嵌套来写我的风格，如下： .main-content a { 颜色：＃F00;}
其他原因包括可访问性和浏览器兼容性。如果您的HTML嵌套不正确，屏幕阅读器和旧浏览器将无法访问它 - 如果浏览器无法弄清楚如何正确呈现页面，它甚至可能完全破坏页面的视觉外观，因为HTML元素和标签不合适。 最后，如果您正在努力编写完全正确且有效的HTML，则需要使用正确的嵌套。否则，每个验证器都会将您的HTML标记为不正确。 添加更多嵌套标签
你为什么要关心嵌套
