HTML5 引入了一系列的语义化标签,这些标签用于描述网页的不同部分和内容,使得网页的结构更加清晰和有意义。

常见的 HTML5 语义化标签及其含义如下:

  1. <header>:通常用于定义文档或段落的页眉。它经常包含导航链接、标题和徽标等。
  2. <footer>:定义文档或段落的页脚,通常包含版权信息、联系方式和相关链接。
  3. <article>:表示独立的、完整的内容,如博客文章、新闻故事或论坛帖子。
  4. <section>:定义文档中的一个区段,通常包含一个标题(<header>)和一些内容。
  5. <nav>:表示页面的导航部分,通常包含一系列导航链接。
  6. <aside>:定义页面的侧边栏内容,通常包含与主内容相关的辅助信息。
  7. <main>:表示文档的主要内容区域,每个页面中应该只有一个 <main> 元素。
  8. <figure>:用于包含媒体内容,如图像、图表、照片、代码等,以及它们的标题(<figcaption>)。
  9. <figcaption>:为 <figure> 元素提供一个标题或caption。
  10. <details>:用于描述用户可以查看或隐藏的细节。
  11. <summary>:为 <details> 元素提供摘要或标题。
  12. <mark>:定义带有记号的文本,通常用于突出显示搜索结果。
  13. <meter>:定义一个度量衡,仅用于已知最大和最小值的度量。
  14. <progress>:定义任何类型的任务的进度。
  15. <ruby><rt><rp>:用于定义 ruby 注释(中文注音或字符)。
  16. <time>:定义日期或时间。
  17. <wbr>:规定在文本中的何处适合添加换行符。
  18. <small>:定义小号文本,通常用于版权声明、法律文本等。
  19. <strong>:定义重要的文本,语义上表示内容的强烈重要性。
  20. <em>:定义强调的文本,通常显示为斜体。
  21. <blockquote>:定义块引用,浏览器会在 blockquote 元素前后添加换行,并增加外边距。
  22. <abbr>:定义缩写词,可以使用 title 属性提供全称。
  23. <address>:定义文档或文章的作者或版权信息的联系信息。
  24. <bdi>:定义文本的方向隔离,防止文字被邻近的格式化文本影响。
  25. <data>:定义表示数据值的元素。
  26. <dl><dt><dd><dl> 定义定义列表,<dt> 定义定义列表中的项目,<dd> 定义定义列表中项目的描述。
  27. <ins><del><ins> 定义被插入文本,通常显示为下划线;<del> 定义被删除文本,通常显示为删除线。
  28. <kbd><samp><var>:分别定义键盘输入、样本输出和变量。
  29. <cite>:定义作品的标题。
  30. <code>:定义计算机代码文本。

这些语义化标签有助于提高网页的可读性、可维护性和无障碍访问性,同时也对搜索引擎优化(SEO)有积极影响。