# 常见语义标签

URL: https://caijiao.org/html/07-semantic/02-tags
Source: docs/html/07-semantic/02-tags.md
Description: 常见的语义标签有助于清晰表达网页结构和内容，提升代码可读性、搜索引擎优化和无障碍体验，是现代网页开发的基础。

语义标签是 HTML5 引入的一类标签，用于明确网页不同部分的意义，便于浏览器和开发者理解页面结构。

## 主要语义标签介绍

- `<header>`  
  定义页面或区块的头部，通常包含标题、导航等元素。

- `<nav>`  
  用于导航链接的区域，标识主要菜单或目录。

- `<main>`  
  页面主体内容的容器，且页面中只能有一个 `<main>`。

- `<section>`  
  页面中的章节或分区，用于组织相关内容。

- `<article>`  
  独立完整的内容块，如博客文章、新闻、评论等。

- `<aside>`  
  侧边栏或补充内容，常用来放置广告、链接、引用等。

- `<footer>`  
  页面或区块的页脚，包含版权、联系信息等。

- `<figure>` 与 `<figcaption>`  
  图像或图表及其说明。

- `<time>`  
  表示时间或日期。

## 示例结构



通过合理使用语义标签，网页结构更清晰，内容更具层次，方便维护和优化。