HTML文档结构：学习HTML文档的基本结构
内容提要
HTML是用于创建网页结构的标记语言，学习HTML文档的基本结构是入门网页开发的第一步。文章介绍了HTML文档的基本结构示例，包括DOCTYPE声明、html标签、head标签和body标签。其中head标签包含了一些元数据和重要信息，如字符编码和页面标题；body标签包含了页面的主要内容，如文本、图片和链接。
延伸解读
为什么字符编码声明不可省略
文章将<meta charset="UTF-8">列为head中的关键项，原因是它直接决定浏览器以何种编码解读字节流。若缺失或写错，中文、日文等非ASCII字符可能显示为乱码。UTF-8能覆盖多语言与特殊符号，因此对面向多语言用户的页面来说，这一行不是可选项，而是保证内容正确呈现的基础设置。
viewport元标签与移动端适配的关系
文章提到viewport用于指定页面在移动设备上的显示方式，使布局能按设备宽度自适应。缺少该声明时，移动浏览器常按桌面宽度渲染再缩放，导致文字过小或需要横向滚动。它本身不实现响应式设计，但为后续CSS按视口宽度布局提供了前提，是移动端可读性的起点。
lang属性不只是给搜索引擎看的
文章指出lang属性用于指定文档语言，有助于搜索引擎识别页面内容。除此之外，它还会影响屏幕阅读器的发音规则和浏览器对断词、字体的选择。若页面以中文为主却写成lang="en"，辅助技术可能用英语语音朗读中文，降低可访问性。因此该属性应与页面实际主要语言一致。
从空body到可运行页面的最小路径
文章先给出一个body为空的骨架，再展示包含h1、p、img和a的示例，说明基本结构本身不产生可见内容，真正呈现给用户的是body内的元素。对初学者而言，可先确保DOCTYPE、html、head、body四层结构正确，再逐步向body添加标题、段落、图片和链接，这样更容易定位结构错误。
Q&A
HTML文档的基本结构包括哪些部分？
HTML文档的基本结构包括DOCTYPE声明、<html>标签、<head>标签和<body>标签。
DOCTYPE声明的作用是什么？
DOCTYPE声明用于声明文档类型和版本，告诉浏览器使用HTML5进行解析。
<head>标签中通常包含哪些信息？
<head>标签中通常包含元数据、字符编码、页面标题等重要信息。
如何指定HTML文档的字符编码？
可以通过<meta charset='UTF-8'>来指定HTML文档的字符编码为UTF-8。
<body>标签的主要功能是什么？
<body>标签包含页面的主要内容，如文本、图片和链接。
如何在HTML文档中添加页面标题？
可以在<head>标签中使用<title>标签来定义页面标题。
