这篇文章深入剖析了HTML开发中几个极易被忽视却至关重要的基础细节：从根标签缺失、内容误置于head中导致页面空白，到charset声明位置与大小写敏感性引发的乱码问题，再到语义化标签（如h1）不可替代的无障碍访问与SEO价值，以及图片路径错误、alt属性缺失等常见陷阱；它不是泛泛而谈语法，而是直击新手踩坑最频繁的“看似正常却功能失效”的真实场景，用浏览器解析机制和实际调试逻辑揭示——写对HTML，远不止是让内容显示出来，更是让机器读懂你、让所有人平等访问、让网页真正健壮可维护。

为什么浏览器打开 HTML 文件后一片空白？

最常见原因是缺了 根标签，或者把内容误写进了 里—— 中的内容默认不渲染，哪怕写了

标题

必须确保： - 第一行是 （不能多空格、不能小写 ） - 所有可见内容都严格放在 内部 - 文件保存为纯文本，编码选 UTF-8，后缀手动敲成 .html（别用记事本默认的 .txt）

和

都能显示大字，为什么非得用

？

这不是“能不能显示”的问题，而是“浏览器和机器怎么理解你”的问题。

语义错位会直接导致： - 屏幕阅读器跳过

冒充的标题，盲人用户无法导航 - 搜索引擎忽略该内容，