本教程将教你如何嵌入HTML元素,以便将多个HTML标签应用到单个内容。
HTML 元素可以是 nested,这意味着一个元素可以放在另一个元素内部. Nesting 允许您将多个 HTML 标签应用到单个内容中。
1<strong>My bold text and <em>my bold and emphasized text</em></strong>
保存您的文件并在浏览器中重新加载它(有关创建一个 index.html 文件的说明,请参阅我们的 教程在这里或在您的浏览器中加载该文件,请参阅我们的 教程在这里)。
我的大胆文本和 我的大胆和强调的文本
采纳最佳实践
请注意,建议始终以相反的顺序关闭嵌入的标签。
例如,在下面的示例中,<em>标签首先关闭,因为它是最后一个被打开的标签。
1This sentence contains HTML elements that are <strong><em>nested according to best practices</em></strong>.
作为对比示例,下面的 HTML 代码包含 not 按最佳做法嵌入的标签,因为<strong>标签关闭了<em>标签之前的标签:
1This sentence contains HTML elements that are <strong><em>not nested according to best practices</strong></em>.
虽然在技术上不是在浏览器中渲染您的HTML所必需的,但在正确的顺序下嵌入您的标签可以帮助您或其他开发人员提高HTML代码的可读性。