📌  相关文章
📜  如何在 HTML5 中指定文档的主要内容？(1)

📅  最后修改于: 2023-12-03 14:52:19.860000             🧑  作者: Mango

如何在 HTML5 中指定文档的主要内容？

在 HTML5 中，我们可以使用<main>标签来指定文档的主要内容。<main>标签用于区分<body>中的主要内容和其余内容，例如导航、页眉、页脚等。这样做有助于搜索引擎和屏幕阅读器更好地分析和理解网站内容，同时可以提高可访问性和搜索引擎优化（SEO）。

使用<main>标签的注意事项
  • 每个HTML文档应该只有一个<main>标签，它应该是文档的中心（主要）部分。
  • <main>标签不得是其他主要视觉元素（例如页眉、页脚、导航等）的子元素。
  • <main>标签不能包含其他主要视觉元素（例如页眉、页脚、导航等），但可以包含次要元素（例如侧边栏、广告、联系方式等）。
示例

下面是一个简单的HTML文档示例，其中包含<main>标签：

<!DOCTYPE html>
<html>
<head>
  <title>示例页面</title>
</head>
<body>
  <header>
    <h1>示例标题</h1>
    <nav>
      <ul>
        <li><a href="#">链接1</a></li>
        <li><a href="#">链接2</a></li>
        <li><a href="#">链接3</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <h2>示例正文标题</h2>
    <p>示例正文内容</p>
  </main>
  <footer>
    <p>示例页脚</p>
  </footer>
</body>
</html>

在上面的示例中，<main>标签用于指定文档的主要内容，而<header>和<footer>标签则用于指定文档的页眉和页脚部分。<nav>标签用于指定网站的导航菜单，它不属于主要内容部分，因此也不是<main>标签的子元素。

结论

使用<main>标签可以更好地指定HTML文档的主要内容，从而提高网站的可访问性和搜索引擎优化。请注意，在使用<main>标签时应当遵循相关的指导原则，以保证标签的正确使用。