正确：浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内，因为<body>是HTML文档中唯一定义可见内容的容器，而<head>仅承载元数据和资源引用，不参与页面渲染。
HTML文档结构的基本组成标签只有 <html>、<head> 和 <body> 三个，缺一不可；<title> 是 <head> 的子元素，重要但不属“基本结构”层级。
为什么 <html>、<head>、<body> 是唯一基本结构标签
浏览器解析 HTML 时，会强制补全缺失的 <html>、<head> 或 <body>（比如只写 <p>hello</p>，DevTools 里仍能看到自动包裹的结构），说明它们是解析器内置的骨架要求。而 <div>、<table>、<section> 等哪怕全删掉，页面依然能正常加载和渲染——它们属于内容层，不是结构层。
常见错误现象：
- 把 <title> 当作与 <head> 并列的“基本标签”，其实它只是 <head> 的必需子元素（否则页面标题为空），但不参与文档整体结构定义；
- 在 <head> 外直接写 <script> 或 <style>，会被浏览器自动移到 <head> 内，进一步印证 <head> 的结构性强制力。
<head> 里哪些内容算“元数据”，哪些不算
<head> 的作用是承载**不直接显示但影响解析和行为**的信息。判断标准很简单：如果删掉某标签，页面外观不变但功能/SEO/编码可能出问题，那它就是元数据。
-
<meta charset="utf-8">：必须，否则中文等非 ASCII 字符大概率乱码； -
<title>：必须语义存在（即使为空），影响浏览器标签页显示和搜索引擎抓取； -
<link rel="stylesheet" href="main.css">：属于资源引用，不是元数据，但它依赖<head>的位置才能被提前发现并加载； -
<script>放在<head>里默认同步阻塞解析，这不是元数据行为，而是执行时机问题——所以现代推荐用defer或移至<body>底部。
<body> 以外的内容为什么不能“可见”
所有用户最终看到的内容，必须位于 <body> 内。浏览器渲染引擎只把 <body> 子树当作“渲染上下文”，其余部分（如 <head> 里的文本、<html> 标签外的字符）要么被忽略，要么报错（如 HTML5 验证器会提示 “character data is not allowed here”）。
立即学习“前端免费学习笔记（深入）”；
容易踩的坑：
- 在 <head> 里误写 <p>说明文字</p>：这段文字不会显示，且可能干扰 <meta> 解析顺序；
- 把 <body> 拆成多个（如 <body>第一段</body><body>第二段</body>）：第二个 <body> 会被忽略，内容丢失；
- 使用自定义标签如 <my-header> 却没注册 Custom Element：它会被当成普通内联元素，但语义和样式需额外处理，它本身不改变文档结构地位。
真正容易被忽略的是 <html> 标签上的 lang 属性——它不参与渲染，却直接影响屏幕阅读器发音、搜索引擎语言判定和部分 CSS 伪类（如 :lang()），属于结构标签的“隐性刚需”。
