如何正确嵌套HTML标签
如果您今天查看任何网页的HTML标记，则会看到其他HTML元素中包含的HTML元素。 这些在其他“内部”的元素被称为“嵌套元素”，它们对于今天构建任何网页都是必不可少的。
嵌套HTML标签意味着什么？
了解嵌套的最简单方法是将HTML标签视为包含内容的框。 您的内容可以包含文本，图片等。HTML标签是内容周围的框。 有时候，你需要把盒子放在其他盒子里面。 这些“内部”框嵌套在其他框内。
如果您在段落内想要粗体文本块，则会有两个HTML元素以及文本本身。
例如：这是一段文字。该文本是我们将用作我们的示例的。 这是如何写的。
例如：这是一段文字。
因为你希望“句子”这个单词是粗体的，所以你在这个问题前后添加了打开和关闭粗体标签。
例如：这是一段文字。
正如你所看到的，我们有一个包含我们句子的内容/文本的框（段落），再加上第二个框（强标记对），它会将该单词渲染为粗体。
嵌套标签时，按照与打开标签相反的顺序关闭标签非常重要。 首先打开
，然后打开，这意味着您将其颠倒并关闭，然后关闭。
另一种考虑这种方式的方法是再次使用盒子的类比。 如果将一个盒子放在另一个盒子中，则必须关闭内盒子才能关闭外盒子或包含盒子。
添加更多嵌套标签
如果你只想要一个或两个单词是大胆的，而另一个单词是斜体呢？ 以下是如何做到这一点。
例如：这是一个句子的文字，它也有一些斜体文字。 你可以看到我们的外框 现在有两个嵌套标签 - 和。 它们必须在关闭容器盒之前关闭。 例如：这是一个句子的文字，它也有一些斜体文字。 这是另一段。< / p> 在这种情况下，我们在盒子里面有盒子！ 最出来的盒子是 如果你打算使用CSS，你应该关心嵌套的头号原因。 级联样式表依赖于标签始终嵌套在文档中，以便它可以知道样式的开始和结束位置。 如果您设置的样式应该会影响页面中所有带有“main-content”类文本的分区内部的链接，则错误的嵌套会导致浏览器难以知道应用这些样式的位置。 我们来看看一些HTML： 示例：这是一个句子的文字，它也有一些斜体文字。 这是另一段。 使用我刚才陈述的例子，如果我想写一个会影响该部门内部链接的CSS样式，并且只有该链接（而不是页面其他部分中的任何其他链接），则需要使用嵌套写我的风格，因此： 其他原因包括无障碍和浏览器兼容性 如果您的HTML嵌套错误，屏幕阅读器和旧版浏览器将无法访问它 - 如果浏览器无法弄清楚如何正确呈现页面，甚至可能会彻底破坏页面的外观，因为HTML元素和标记不合适。 最后，如果您努力编写完全正确和有效的HTML，则需要使用正确的嵌套。 否则，每个验证器都会将您的HTML标记为不正确。 为什么要关心嵌套