HTML5标签main

FontSize: 【小中大】

<main>标签是一个HTML5标签元素，代表文档的主要内容区域或文档中的一个部分。它目的在为网页的主要内容提供语义。

<main>元素用于包含网页的主要内容。在<main>标签内，您可以有多个<section>元素，每个元素代表一个不同的内容部分。在每个部分中，您可以使用适当的标题标签<h1>、<h2> 等，和其他HTML 元素来构建内容。

通过使用<main>标签，您可以向用户和搜索引擎明确指示网页的主要内容区域。这提高了可访问性，帮助搜索引擎了解您的页面结构，并使屏幕阅读器和其他辅助技术更容易浏览内容。

需要注意的是（敲黑板），每页应该只有一个<main>元素，代表整个文档的主要内容。它不应嵌套在其他<main>元素中或用于辅助内容或在多个页面中重复。

如何更好的使用<main>标签，上面一句是重中之重。

<body>
  <header>
  </header>
  <main>
    <h1>SEO Article</h1>
    <section>
      <h2>关于</h2>
      <p>我是一名开发人员，对 HTML、CSS 、JavaScript和SEO充满热情。</p>
    </section>

    <section>
      <h2>近期项目</h2>
      <article>
        <h3>项目1</h3>
        <p>项目1描述...</p>
      </article>
      <article>
        <h3>项目2</h3>
        <p>项目2描述...</p>
      </article>
    </section>
  </main>

  <footer>
  </footer>
</body>

上面这个案例，相对于《典型的HTML5网页结构》，就复杂一些了。