# HTML 页面结构

URL: https://caijiao.org/html/01-intro/02-page-structure
Source: docs/html/01-intro/02-page-structure.md
Description: HTML 页面结构是网页内容的骨架，通过合理使用标签组织页面的不同部分，如头部、主体和底部。掌握页面结构有助于创建语义清晰、易于维护和SEO友好的网页，提高用户体验和访问效率。

HTML 页面结构指的是网页中各个部分的组织方式，它决定了内容如何在浏览器中呈现。一个典型的 HTML 页面通常包含以下几个主要部分：

- **DOCTYPE 声明**：告诉浏览器使用的 HTML 版本，通常为 `<!DOCTYPE html>`，声明采用 HTML5 标准。
- **html 标签**：网页的根元素，所有内容都包裹在其中。
- **head 标签**：包含网页的元信息，如标题（title）、字符编码（meta charset）、样式表链接（link）和脚本（script）等。
- **body 标签**：网页的主体部分，包含页面展示给用户的所有内容，如文本、图片、视频、链接等。

合理的页面结构不仅让内容更加清晰，也有助于搜索引擎优化（SEO），并增强网页的可访问性和维护性。随着 HTML5 的发展，新增了诸如 `<header>`、`<nav>`、`<main>`、`<footer>` 等语义标签，使页面结构更加语义化和规范化。