<main>：表示网页的主要内容区域，包含文章、产品或服务信息等核心内容。
<nav>：用于创建导航菜单，帮助用户在网站中轻松移动。
<section>：划分子网页的特定部分，如博客文章中的段落、产品页面中的不同规格。
<article>：表示自成一体的内容块，如新闻文章或博客帖子。
内容标签
<heading>（h1-h6）：用于创建标题和副标题，按重要性降序排列。
<paragraph>：表示段落内容。
<list>和<li>：创建列表，<list>可以是无序列表（<ul>）或有序列表（<ol>），<li>表示列表项。
<figure>和<figcaption>：用于表示图像或图表，<figcaption>提供图像或图表说明。
<table>：创建表格，<tr>表示行，<td>表示单元格，<th>表示表头。
交互标签
<a>：创建超链接，链接到其他网页或文件。
<button>：表示可点击按钮，触发特定操作。
<input>：用于收集用户输入，如文本框或单选按钮。
<select>：创建下拉菜单，允许用户从选项中选择。
使用语义化标签的好处
- 增强可访问性：语义化标签可以被屏幕阅读器和辅助技术理解，提高残障人士对网站的使用体验。
- 提升SEO：搜索引擎使用语义化标签来了解网页内容，优化网站在搜索结果中的排名。
- 改善用户体验：清晰的内容结构使得网站更易于浏览和查找信息。
- 提高代码可维护性：语义化标签可以让代码更具可读性和可维护性。
- 未来兼容性：语义化标签是HTML5标准的一部分，确保网站与未来的浏览器和设备兼容。
实施指南
- 选择合适的标签：根据内容的含义和目的，选择最合适的语义化标签。
- 遵循层次结构：使用标题标签（<h1>到<h6>）建立清晰的内容层次结构。
- 避免滥用<div>：只在确实没有其他语义化标签合适的情况下使用<div>。
- 使用辅助标签：<span>、<em>等辅助标签可以提供额外的语义信息。
- 测试和验证：使用验证工具检查语义化标签的正确使用，并确保网站符合可访问性标准。
