HTML 语义化布局元素

在 HTML5 中，我们不再仅仅依赖 <div class="header"> 这样的通用容器，而是使用具有明确含义的语义化标签来构建页面结构。

• 主题： HTML 布局和语义化标签

• 核心标签：

  • <header>：页面的头部或某一区块的介绍内容。

  • <nav>：主导航链接容器。

  • <main>：页面的主要内容（每个文档只能有一个）。

  • <article>：独立、完整的文章或博客内容。

  • <section>：文档中通用的区块或主题分组。

  • <aside>：与主内容相关但可独立的部分（如侧边栏）。

  • <footer>：页脚，通常包含版权、联系方式等信息。