如何嵌套HTML元素

本教程将教您如何嵌套 HTML 元素，以便将多个 HTML 标记应用于单个内容。

HTML 元素可以是 嵌套的，这意味着一个元素可以放置在另一个元素中。 嵌套允许您将多个 HTML 标记应用于单个内容。 例如，尝试将以下代码片段粘贴到您的 index.html 文件中：

<strong>My bold text and <em>my bold and emphasized text</em></strong>

保存文件并在浏览器中重新加载。 （有关创建 index.html 文件的说明，请在此处查看我们的 教程 或在浏览器中加载文件，请参阅此处的 教程。）您应该会收到一些信息像这样：

我的粗体文本和 我的粗体和强调文本

嵌套最佳实践

请注意，建议始终以打开嵌套标签的相反顺序关闭嵌套标签。
例如，在下面的示例中，<em> 标签首先关闭，因为它是最后一个标签打开。 <strong> 标签最后关闭，因为它是第一个打开的。

This sentence contains HTML elements that are <strong><em>nested according to best practices</em></strong>.

作为一个反例，以下 HTML 代码包含根据最佳实践嵌套的 not 标记，因为 <strong> 标记在 和 <em> 之前关闭 标签：

This sentence contains HTML elements that are <strong><em>not nested according to best practices</strong></em>.

虽然在浏览器中呈现 HTML 在技术上不是必需的，但以正确的顺序嵌套标签可以帮助您或其他开发人员提高 HTML 代码的可读性。