最简合法html骨架必须包含四部分：（首行顶格）、（根容器）、（含和）、（放可见内容），缺一不可且顺序固定。
直接用文本编辑器写标准 HTML 结构，比装一堆工具更快、更稳、更少出错。 浏览器本身就能渲染，不需要服务器、不依赖框架、不卡在“环境没配好”上——只要你保存为 .html 后缀，双击就能看到效果。
怎么写出浏览器能认的最简 HTML 骨架
很多新手写的页面打不开，不是代码写错了，而是缺了关键声明或标签闭合不全。核心就四块：、<code>、、，顺序不能乱，嵌套不能漏。
必须顶格写在第一行，不能缩进，也不能加空格或注释在它前面-
推荐加上lang属性，对中文显示和屏幕朗读更友好 -
<meta charset="UTF-8">一定要放在最靠前的位置，否则中文可能变乱码 -
<title></title>不影响渲染，但没它，浏览器标签页就显示“空白页”，调试时容易误判
body 里放内容，哪些标签真有用、哪些纯属添乱
初学者常堆砌一堆 <div> 或滥用 <code><br> 控制换行，结果结构松散、改起来费劲。语义化标签不是摆设，它们直接决定内容逻辑和可访问性。
- 标题用
<h1></h1>到<h6></h6>，且一页只该有一个<h1></h1>（代表主主题） - 段落必须用
<p></p>，别用多个<br>模拟，否则无法设置行高、首行缩进等样式 - 导航、页眉、正文、侧栏、页脚优先用
<header></header>、<nav></nav>、<main></main>、<aside></aside>、<footer></footer>，比全用<div> 更易维护 <li>列表统一用 <code><ul></ul>/<ol></ol>+<li>，别用破折号或星号手打 - 文件名必须含
.html后缀（如index.html），不能是index.txt或没后缀；Windows 默认隐藏后缀，要手动检查并显示出来 - 编码必须选
UTF-8（VS Code 默认就是，记事本要手动选“另存为 → 编码 → UTF-8”），否则中文注释或文字会显示为方块 - 双击打开时，地址栏 URL 以
file://开头是正常的；但如果用了<img src="images/logo.png">却没显示图片，大概率是images文件夹没和 HTML 文件放同一目录
保存和打开 HTML 文件时最容易踩的三个坑
写完代码却看不到页面？90% 是文件保存或路径问题，跟代码本身无关。
真正难的不是写多少标签，而是让每个标签各司其职：该语义化的不硬套 <div>，该声明编码的不跳过 <code><meta charset>，该闭合的标签一个不漏。这些细节不显眼，但一出错，整个页面就卡在“看不见”上。
