HTML5 常用语义化标签

1. HTML5 常用语义化标签

页面布局结构

• <header>：定义页面或章节的头部。通常包含 Logo、导航栏、搜索框等。
• <nav>：定义导航链接的部分。
• <main>：定义文档的主要内容。注意： 一个页面中应当只有一个 <main> 标签。
• <article>：定义独立的、可复用的内容块（如博客文章、新闻条目、评论）。
• <section>：定义文档中的一个章节或区块。通常包含一个标题。
• <aside>：定义与主要内容相关但可以独立存在的内容（如侧边栏、广告、相关链接）。
• <footer>：定义页面或章节的底部。通常包含版权信息、联系方式、备案号等。

内容与多媒体

• <figure>：定义独立的流内容（图像、图表、代码块等）。
• <figcaption>：定义 <figure> 元素的标题/说明。
• <time>：定义日期或时间。例如：<time datetime="2023-10-01">国庆节</time>。
• <mark>：定义需要高亮显示的文本（通常用于搜索结果高亮）。
• <details>：定义用户可以查看或隐藏的额外细节。
• <summary>：定义 <details> 元素的可见标题。

---

2. 哪里可以查询官方及权威信息？

查询 HTML 标签最权威、最易读的来源主要有两个：

A. MDN Web Docs (Mozilla开发者网络) —— 首选推荐

MDN 是目前前端开发者公认最完整、最友好的文档库。它由 Mozilla 维护，包含大量的示例和浏览器兼容性信息。

• 中文版地址：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element
• 特点：有详细的中文翻译，包含用法示例、属性详解和浏览器兼容性表。

B. W3C HTML 标准文档 (官方规范)

这是 HTML 的源头标准，定义了技术的细节。通常比较晦涩，适合查阅底层定义，不适合入门学习。

• HTML Living Standard (WHATWG)：https://html.spec.whatwg.org/multipage/
  • 注：现在 HTML 标准主要由 WHATWG 维护，这才是真正的“当前标准”。