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