HTML 能否在多页文档中使用多个主要元素

在本文中，我们将介绍HTML中是否可以在多页文档中使用多个主要元素的问题，并提供相关的示例和解释。

阅读更多：HTML 教程

什么是主要元素？

在HTML中，<main>元素用于表示文档的主要内容。它是HTML5中的一个新元素，被用于代表页面的核心内容，比如文章、新闻、博客等。一个HTML文档中只能有一个<main>元素。

多页文档中使用多个`<main>`元素的问题

在一个多页的HTML文档中，根据HTML规范，每个页面只能有一个主要内容区块。这是因为每个页面都应该有一个独立的主要内容，并且一个<main>元素应该是唯一的。

考虑以下示例，一个包含多个页面的HTML文档：

<!DOCTYPE html>
<html>
<head>
    <title>多页文档示例</title>
</head>
<body>
    <header>
        <h1>这是一个多页文档示例</h1>
    </header>
    <nav>
        <ul>
            <li><a href="page1.html">页面1</a></li>
            <li><a href="page2.html">页面2</a></li>
            <li><a href="page3.html">页面3</a></li>
        </ul>
    </nav>
    <main>
        <h2>页面1</h2>
        <p>这是页面1的主要内容。</p>
    </main>
    <footer>
        <p>版权所有 © 2022</p>
    </footer>
</body>
</html>

上述示例中，我们可以看到在多页文档中，每个页面只有一个<main>元素，用来包含该页面的主要内容区块。

如何在多页文档中组织主要内容

虽然在多页文档中只能有一个主要元素，但可以通过使用其他HTML元素来组织和区分主要内容。

例如，可以使用<section>元素来组织页面的不同部分，每个<section>元素可以包含一个独立的主要内容区块。然后，通过在<main>元素内部嵌套多个<section>元素来表示不同页面的主要内容。

下面是一个示例：

<!DOCTYPE html>
<html>
<head>
    <title>多页文档示例</title>
</head>
<body>
    <header>
        <h1>这是一个多页文档示例</h1>
    </header>
    <nav>
        <ul>
            <li><a href="page1.html">页面1</a></li>
            <li><a href="page2.html">页面2</a></li>
            <li><a href="page3.html">页面3</a></li>
        </ul>
    </nav>
    <main>
        <section>
            <h2>页面1</h2>
            <p>这是页面1的主要内容。</p>
        </section>
    </main>
    <footer>
        <p>版权所有 © 2022</p>
    </footer>
</body>
</html>