本教程将教您如何嵌套 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代码包含的标签不按最佳实践嵌套，作为<strong>标签关闭之前的<em>标签：

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

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