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>不是用於分割您的文檔，它的目的只是：指出您的網站/應用程序中最重要的部分。