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