HTML是描述网页结构的语言，需配合浏览器解析；双击打开空白常因文件后缀错误、中文标点、内容误放head、路径错误等；语义标签如p/div/h1-h6须按内容选用；缓存导致刷新无效，应强制刷新或用Live Server。
HTML 不是“制作网页”的工具，而是描述网页结构的语言；想做出能用的页面，光写 <html> 标签没用，必须配合浏览器打开、理解基础语义、避开常见解析陷阱。
为什么双击打开 index.html 什么都没显示？
多数人写完第一行就双击运行，结果空白——不是代码错了，是浏览器根本没加载成功。常见原因有：
- 文件后缀不是
.html（比如存成了index.txt或隐藏了扩展名） - 用了中文标点或全角空格（
＜div＞、<p >这类写法浏览器直接忽略） - 没写
<body>，内容放在<head>里（<title>只影响标题栏，不渲染页面） - 路径错误：用
<img src="pic.jpg">但图片不在同目录，浏览器不报错，只留空位
<div> 和 <p> 到底该用哪个？
不是“越通用越好”，而是看内容是否具备段落语义。用错会导致可访问性差、SEO 弱、后续 CSS 难维护。
-
<p>表示一段独立文字，自带上下边距，适合正文、说明、短句 -
<div>是纯容器，无语义、无默认样式，适合布局分组（比如把几个按钮包在一起） - 别用
<div>套文字当段落用——屏幕阅读器读不出段落结构，打印时也可能丢格式 - 标题必须用
<h1>～<h6>，不能靠<div style="font-size:24px">模拟
在浏览器里看不到修改？刷新也没用
不是代码问题，是缓存机制在起作用。尤其 Windows 记事本保存后，浏览器可能还在读旧版本。
立即学习“前端免费学习笔记（深入）”；
- 强制刷新：Windows 按
Ctrl + F5，Mac 按Cmd + Shift + R - 检查地址栏是不是
file:///开头——这种协议下部分浏览器禁用本地 JS/CSS 加载（比如 Chrome 对<script src="app.js">报CORS错误） - 改完代码后，右键页面 → “查看页面源代码”，确认看到的是最新内容，不是缓存快照
- 开发阶段建议用 VS Code + Live Server 插件，自动起本地服务，避免
file://限制
真正卡住人的从来不是标签怎么写，而是浏览器怎么解析它——空格换行不影响结构，但缺失闭合标签（比如忘写 </p>）会让后续所有内容嵌套错乱；大小写在 HTML5 里不敏感，但 <IMG> 在 XHTML 模式下会失败。这些细节不报错，只悄悄改变行为。
