HTML5的语义化标签

HTML5 引入了许多新的语义化标签，旨在让页面结构更加清晰，提高可读性和可访问性。这些标签不仅帮助开发者更好地组织内容，也使搜索引擎和其他机器更容易理解和索引网页内容。以下是一些常用的 HTML5 语义化标签及其用途：

1. <header> ：定义文档或某个部分的头部，通常包含页面的标题、logo 或者导航菜单等信息。
2. <nav> ：表示页面的主要导航部分，通常包含一系列的链接。
3. <section> ：定义文档中的一个独立部分，通常是主题相关的，可以有自己的标题。
4. <article> ：表示文档中的独立内容，如一篇新闻报道、博客文章或论坛帖子。
5. <aside> ：用于标记与页面主要内容相关但可以单独分离出来的内容，如侧边栏、广告或注释。
6. <footer> ：定义文档或某个部分的底部，通常包含版权信息、联系方式等。
7. <main> ：表示文档的主要内容，直接与文档的主题相关，不包含侧边栏或辅助内容。
8. <figure> ：用于标记媒体内容（如图片、图表等）以及其标题。
9. <figcaption> ：配合 <figure> 使用，定义 <figure> 内容的标题或说明文字。
10. <mark> ：高亮显示文本中的部分文字，以吸引注意力。
11. <time> ：表示日期或时间，可以是具体的日期时间，也可以是更新时间或发布日期。
12. <details>  和  <summary> ：用于创建可折叠的详细内容，<summary> 作为标题，点击标题可以展开或收起 <details> 中的内容。

使用这些标签时，应根据页面的实际内容和结构来选择合适的标签。例如，如果页面有一个独立的文章，那么 <article> 就非常适合；如果页面有多个逻辑上相关的部分，可以使用 <section> 来划分这些部分。