教程 html tutorial

常见语义标签

语义标签是 HTML5 引入的一类标签,用于明确网页不同部分的意义,便于浏览器和开发者理解页面结构。

主要语义标签介绍

  • <header>
    定义页面或区块的头部,通常包含标题、导航等元素。

  • <nav>
    用于导航链接的区域,标识主要菜单或目录。

  • <main>
    页面主体内容的容器,且页面中只能有一个 <main>。

  • <section>
    页面中的章节或分区,用于组织相关内容。

  • <article>
    独立完整的内容块,如博客文章、新闻、评论等。

  • <aside>
    侧边栏或补充内容,常用来放置广告、链接、引用等。

  • <footer>
    页面或区块的页脚,包含版权、联系信息等。

  • <figure> 与 <figcaption>
    图像或图表及其说明。

  • <time>
    表示时间或日期。

示例结构

CodePreview 工具组件将在独立客户端岛中继续迁移。

通过合理使用语义标签,网页结构更清晰,内容更具层次,方便维护和优化。