HTML5 主要用途

Question

以前，我会在 HTML 页面上布置一个主容器来包装我的大部分正文内容。例如，“关于”页面：

<header>
    <!--header markup -->
</header>

<div id="container">
    <!--articles, images, etc for the about section -->
</div>

<footer>
    <!--footer markup -->
</footer>    

在这种情况下，HTML5 的<main>标签是否适合代替我的 'div id="container"'？

Answer 1

总之一句话是的。

文档或应用程序正文的主要内容。 主要内容区域由与文档的中心主题或应用程序的中心功能直接相关或扩展的内容组成。

w3c 规格

在这里查看更多信息

Answer 2

您应该将它用于页面独有的内容。 所以是的，页眉和页脚自然被排除在外。 从那以后，这取决于你在那里还有什么。 例如，如果有一个侧边栏，其中包含在许多页面中通用的模板加载内容，您也应该考虑将其省略。

Answer 3

只需将您网站最重要部分的标签替换为<main> 。 大多数情况下<main>将替换<section> （在你的情况下， <div> ，最初它应该是<section> ）。 请注意，我强调了单词部分，因为<main>不是用于分割您的文档，它的目的只是：指出您的网站/应用程序中最重要的部分。