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