# 语义化简介

URL: https://caijiao.org/html/07-semantic/01-intro
Source: docs/html/07-semantic/01-intro.md
Description: 语义化 HTML 使用恰当的标签表达页面结构和内容含义，提升网页可读性、SEO 优化及无障碍访问，是现代网页开发的重要标准。

语义化是指在 HTML 中使用具有明确含义的标签来描述页面结构和内容，使代码更具可读性和可维护性。

## 为什么要语义化？

- **提升可读性**：开发者和浏览器更容易理解页面内容。
- **利于 SEO**：搜索引擎更好地抓取和索引网页内容。
- **增强无障碍访问**：辅助设备（如屏幕阅读器）能准确识别页面结构，帮助残障用户浏览。

## 常用语义标签

- `<header>`：定义页面或区块的头部。
- `<nav>`：导航菜单区域。
- `<main>`：页面主要内容。
- `<article>`：独立的内容块，如文章、博客。
- `<section>`：内容的章节或分区。
- `<aside>`：侧边栏或补充内容。
- `<footer>`：页面或区块的底部。

## 示例

```html
<body>
  <header>网站头部</header>
  <nav>导航菜单</nav>
  <main>
    <article>文章内容</article>
    <aside>相关信息</aside>
  </main>
  <footer>版权信息</footer>
</body>
```

采用语义化标签，构建结构清晰、易于维护且对搜索引擎友好的网页。