HTML 是什么

一、HTML 的本质
HTML 是描述文档结构的标记语言，不是编程语言。它不执行逻辑，只告诉浏览器：这块是标题，那块是段落，这个是个链接。

浏览器的任务是解析这棵「DOM 树」，再交给 CSS 和 JS 去加工。

一个最小可用的 HTML 文档长这样：

<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>我的第一个页面</title>
</head>
<body>
  <h1>你好,世界</h1>
  <p>这是一段正文。</p>
</body>
</html>

二、每个部分的作用
结构 作用 不写会怎样

<!DOCTYPE html> 声明 HTML5，让浏览器进入标准模式 可能进入怪异模式，盒模型计算出现历史偏差 <html lang> 语言声明，影响无障碍朗读与翻译 读屏软件可能按英语发音 <meta charset> 字符编码 中文乱码 <meta viewport> 移动端视口 手机上页面可能缩成一小团 <title> 浏览器标签页标题 / SEO 标题 可能显示文件名或默认标题 三、head 与 body 的分工 <head> 放元信息：编码、标题、样式表、脚本、favicon、SEO 描述等。用户通常看不见这些内容，但浏览器和搜索引擎需要读取。 <body> 放可见内容，例如标题、段落、图片和按钮等。这些内容会被浏览器渲染到页面中。 四、注释与容错

HTML 的容错性非常强：拼错标签、漏写闭合标签，浏览器通常也能尝试修复文档结构并渲染出来。

这既是优点，也是坑——它不会总是报错，所以你得自己检查结构。

使用浏览器的 F12 打开开发者工具，在 Elements（元素）面板中查看最终生成的 DOM，而不只是检查自己写的源码。
五、实践建议

1. 起手就写 DOCTYPE + html + head + body，不要依赖编辑器片段记忆。
2. 打开一个真实网站，按 F12 查看它的 head 写了什么，这是很好的学习方式。
3. 本地创建一个 index.html 文件，双击就能用浏览器打开，不需要任何工具链。