HTML文档骨架仅由<html>、<head>、<body>三个核心标签构成：<html>为根容器，<head>承载元信息（如<title>、<meta charset>），<body>唯一存放可见内容，缺一不可。
HTML文档结构不是靠“所有标签堆一起”就能成立的，真正起骨架作用的只有少数几个核心标签；其他多数标签属于内容层或功能层，不参与文档基本结构定义。
必须存在的三个基础标签：<html>、<head>、<body>
<html> 是整个文档的根容器，没有它就不是合法HTML文档；<head> 不渲染可见内容，但承载 <title>、<meta>、<link> 等关键元信息；<body> 是唯一能放用户可见内容的地方——哪怕只写一个 <p>，也必须包在 <body> 里。
常见错误现象：
- 把
<script>或<style>直接写在<html>外面（浏览器会自动容错，但 DOM 结构已损坏） - 遗漏
<body>，导致 CSS 选择器body > *失效、JS 查询document.body返回null -
<head>里写了<h1>或<p>——这些标签在<head>中会被浏览器静默移到<body>开头，造成意料外的布局偏移
<title> 和 <meta> 在 <head> 里的不可替代性
<title> 不只是显示在浏览器标签页上，它还是搜索引擎抓取页面主题的第一依据，也是屏幕阅读器朗读页面时的默认起始内容。缺失 <title> 的页面会被部分无障碍工具判定为“结构不完整”。
立即学习“前端免费学习笔记（深入）”；
<meta charset="UTF-8"> 必须出现在 <head> 前几行，否则中文、emoji 等字符可能乱码；<meta name="viewport"> 缺失会导致移动端页面缩放异常——这两个 <meta> 标签的位置比内容更重要。
注意点：
-
<title>内容不能含 HTML 实体以外的标签，例如<title><strong>首页</strong></title>会被当作纯文本渲染，加粗无效 -
<meta http-equiv="refresh">已被现代规范弃用，不应再用于跳转或重载
为什么 <DOCTYPE html> 不是标签，却必须写在第一行
<DOCTYPE html> 是文档类型声明（doctype），不是 HTML 元素，也不在 DOM 树中；但它直接决定浏览器使用哪种渲染模式：没有它，或写错（如大小写混用、多余空格），IE 和旧版 Edge 会触发 Quirks Mode，导致盒模型、height 计算、inline-block 对齐等行为完全偏离标准。
实操建议：
- 必须全小写，且紧贴第一行开头，前面不能有任何字符（包括空格、BOM、注释）
- 只认
<DOCTYPE html>这一种写法，<!DOCTYPE HTML PUBLIC ...>是 HTML4 遗留写法，现代项目中无必要 - VS Code 等编辑器生成的 HTML 模板常带此声明，但手动复制时容易漏掉尖括号外的
!，变成DOCTYPE html——这就不生效
真正构成文档结构的标签极少，但每个都有硬性语义和解析规则；一旦错位或缺失，后续所有样式、脚本、可访问性支持都可能从根上失效。最易被忽略的是 <DOCTYPE html> 的书写位置和 <head> 内容的“不可见但强约束”特性——它们不画像素，却决定整页是否被正确理解。
