最小html文件需满足三点：首行无空格、包裹和、内含，否则乱码或解析失败。
直接上手就能跑通的 HTML 项目开发流程，核心就三点：结构必须合法、资源引用要可加载、预览调试得闭环。跳过本地环境配置，用在线工具起步最省事。
怎么写出一个浏览器能认的最小 HTML 文件
不是写完就能运行，而是写完后浏览器不报错、能解析、有基本渲染。关键在三处硬性要求：
必须放在第一行，不能漏，不能带空格或注释前置-
标签必须包裹和，且二者缺一不可 -
里至少要有<meta charset="UTF-8">，否则中文可能乱码；<title></title>不强制但建议加上，否则标签页显示为空白
常见错误现象：net::ERR_ABORTED（路径错）、控制台报 Uncaught SyntaxError: Unexpected token （JS 脚本被当 HTML 解析，多半是 <code><script></script> 没闭合或 src 地址 404）。
在线平台选 CodePen 还是 Replit？看你要不要存文件结构
CodePen 适合单页快速验证布局和样式，Replit 更接近真实项目——它支持多文件、目录树、index.html + style.css + script.js 分离管理。
- 用 CodePen：粘贴 HTML 到 HTML 编辑区，CSS 到 CSS 区，JS 到 JS 区，自动拼接渲染；适合练语义标签、Flex 布局、动画效果
- 用 Replit：新建 HTML 项目后，会生成完整骨架，
index.html默认已含<link rel="stylesheet" href="style.css">和<script src="script.js"></script>；改路径时注意大小写，Linux 环境区分Style.css和style.css - 别用 JSFiddle 做长期项目：它的“保存”依赖 URL，没账号就存不住，刷新即丢
引入外部资源时 HTTPS 和路径容易翻车
CDN 链接写错或协议不匹配，会导致资源加载失败，页面功能残缺但无明显报错提示。
- 所有 CDN 地址必须以
https://开头，http://在现代浏览器会被拦截（尤其 Chrome） - Bootstrap 的 CSS 和 JS 要成对引入，且 JS 必须在
前，否则$或bootstrap全局变量未定义 - 本地 CSS/JS 文件路径写法：如果
index.html和style.css同级，就写href="style.css"；若style.css在css/目录下，则写href="css/style.css"，不能漏掉css/
典型报错：Failed to load resource: net::ERR_CONNECTION_REFUSED（本地服务未启却用了 localhost 地址）、Access to script at 'file:///...' from origin 'null' has been blocked（双击打开 HTML 文件，浏览器禁止读取本地脚本）。
导出后部署到 GitHub Pages 为什么白屏
不是代码问题，而是路径或路由规则没对齐。GitHub Pages 默认只托管静态文件，不执行后端逻辑。
- 确保项目根目录下有
index.html，且它是唯一入口；不要放在子文件夹里再试图用子路径访问 - 所有相对路径（如
img/logo.png、css/main.css）必须相对于index.html的位置，不是你本地编辑器里的视图位置 - 如果用了
<base href="/project-name/">，记得所有资源路径都按此 base 计算；没加的话，就别假设存在前缀 - 检查 GitHub Pages 设置：在 Settings → Pages → Source 选
gh-pages branch或main / root，保存后等 1–2 分钟再刷
最容易被忽略的是：本地预览正常的页面，上传后图片 404 —— 因为图片文件根本没一起提交进仓库，Git 默认忽略 .png 等二进制文件需手动 git add -f logo.png。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
