最常见原因是缺<html>根标签或内容误写进<head>（不渲染），须确保：第一行是<!DOCTYPE html>，可见内容全在<body>内，文件存为UTF-8编码、.html后缀。
为什么浏览器打开 HTML 文件后一片空白？
最常见原因是缺了 <html> 根标签，或者把内容误写进了 <head> 里——<head> 中的内容默认不渲染，哪怕写了 <h1>标题</h1> 也看不见。
必须确保：
- 第一行是 <!DOCTYPE html>（不能多空格、不能小写 <!doctype html>）
- 所有可见内容都严格放在 <body> 内部
- 文件保存为纯文本，编码选 UTF-8，后缀手动敲成 .html（别用记事本默认的 .txt）
<h1> 和 <div> 都能显示大字，为什么非得用 <h1>？
这不是“能不能显示”的问题，而是“浏览器和机器怎么理解你”的问题。
语义错位会直接导致：
- 屏幕阅读器跳过 <div> 冒充的标题，盲人用户无法导航
- 搜索引擎忽略该内容，<title> 和 <h1> 是 SEO 最优先抓取的两个字段
- 后续加 CSS 或 JS 时，<h1> 天然带默认样式和可聚焦行为，<div> 得全靠手写补全
<meta charset="UTF-8"> 放错位置会怎样？
它必须出现在 <head> 的**最靠前位置**（最好紧贴 <head> 开始标签之后），否则中文、emoji 或特殊符号可能显示为小方块或问号——而且浏览器不会报错，只默默出错。
典型错误写法：
- 放在 <title> 后面（部分旧版浏览器会失效）
- 写成 <meta charset='utf-8'>（单引号没问题，但大小写敏感，UTF-8 必须大写 U、T、F）
- 漏掉这行，却用 <script> 动态插入，已晚：解析器早按默认编码（如 ISO-8859-1）读完了前面内容
为什么 <img src="xxx"> 显示不出图，控制台却没报错？
路径错误是最隐蔽的原因——尤其是相对路径依赖当前 HTML 文件所在目录，不是编辑器打开的项目根目录。
立即学习“前端免费学习笔记（深入）”；
检查顺序建议：
- 看浏览器地址栏 URL，确认当前 HTML 文件的完整路径（比如 file:///D:/my-site/index.html）
- 把图片路径拼进这个 URL 里，手动在浏览器中访问，看是否能直接打开图片
- src 值不要以 / 开头（那是从网站根目录算起，本地 file:// 协议下基本无效）
- <img> 必须带 alt 属性，否则无障碍检测工具会警告，且图片加载失败时无 fallback 提示
