1. <article> 元素：
- 表示页面中独立的、完整的内容单元，比如一篇博客文章或新闻报道。
<article>
<!-- 文章内容 -->
</article>
2. <section> 元素：
- 表示文档中的一个区域或章节，通常包含一个标题。
<section>
<h2>章节标题</h2>
<!-- 章节内容 -->
</section>
3. <nav> 元素：
- 表示导航链接的容器，用于包含页面导航链接或菜单。
<nav>
<!-- 导航链接或菜单 -->
</nav>
4. <header> 元素：
- 表示页面或区块的页眉，通常包含标题、标志或导航链接。
<header>
<!-- 页眉内容 -->
</header>
5. <footer> 元素：
- 表示页面或区块的页脚，通常包含版权信息、联系方式等。
<footer>
<!-- 页脚内容 -->
</footer>
6. <main> 元素：
- 表示文档的主要内容，用于包裹页面中的主要内容区域。
<main>
<!-- 主要内容 -->
</main>
7. <aside> 元素：
- 表示页面的侧边栏或附属内容，通常包含与主要内容相关的辅助信息。
<aside>
<!-- 侧边栏内容 -->
</aside>
8. <figure> 和 <figcaption> 元素：
- <figure> 用于包含与文档主要内容相关的图像、图表等，<figcaption> 用于为 <figure> 提供标题。
<figure>
<img src="example.jpg" alt="示例图">
<figcaption>图示说明</figcaption>
</figure>
9. <details> 和 <summary> 元素：
- <details> 用于表示一个可以展开或折叠的详细信息，而 <summary> 用于定义 <details> 的标题。
<details>
<summary>更多信息</summary>
<p>这里是详细内容。</p>
</details>
这些语义元素有助于更清晰地组织文档结构，提高文档的可读性和可维护性。使用这些元素还可以改善文档的可访问性和搜索引擎优化。
转载请注明出处：http://www.zyzy.cn/article/detail/3678/HTML5