用记事本新建 .html 文件却打不开？先关掉「隐藏已知文件扩展名」
Windows 默认隐藏 .txt 扩展名，你点“另存为”输 index.html，系统可能实际存成 index.html.txt——浏览器认不出，双击直接报错或用其他程序打开。
解决办法很简单：进「文件资源管理器 → 查看 → 显示 → 勾选「文件扩展名」」。确认后重存一次，看文件图标是不是变成小地球图标、后缀明确显示为 .html。
VS Code 里新建 .html 文件要手动写 吗？
不用手敲，但别依赖自动补全糊弄过去。VS Code 新建空文件后，输入 ! 再按 Tab（Emmet 触发），会生成标准 HTML5 骨架，含 、<code>、 和 。这个结构不是可有可无的装饰：缺 会让 IE 或旧版浏览器进怪异模式（Quirks Mode），CSS 盒模型、Flex 布局可能全乱；<code>lang 属性影响屏幕阅读器和 SEO。
Mac 上用预览/文本编辑保存为 .html 总是失败？换用纯文本模式
Mac 自带「文本编辑」默认用富文本（RTF）格式，即使你改了扩展名，文件头还是 RTF 二进制数据，浏览器读出来就是乱码或空白页。
必须做两件事：
• 在文本编辑中，点菜单栏「格式 → 使纯文本」（或快捷键 Shift+Cmd+T）
• 「文件 → 存储为」时，在「格式」下拉菜单里选「纯文本」，再输文件名加 .html
更省事的办法：直接用 VS Code、Sublime Text 或终端命令 touch index.html 新建空文件，再拖进编辑器写内容。
为什么本地双击打开 file:/// 路径的 HTML 页面，Ajax 或图片路径总 404？
因为浏览器对 file:// 协议限制极严：跨域策略默认拦截所有 XMLHttpRequest、fetch，相对路径的 <img src="img/logo.png" alt="怎么创建html文件_html文件新建方法【实操】" > 也容易因当前工作目录不明确而失效。
这不是你路径写错了，是协议本身的问题。
真实开发中该这么做：
• 用轻量本地服务器启动，比如 Python：终端进项目目录，运行 python3 -m http.server 8000，然后访问 http://localhost:8000
• VS Code 安装插件「Live Server」，右键 HTML 文件点「Open with Live Server」
• 别把 file:// 当常态测试环境——它连 localStorage 的权限都可能被禁用。
立即学习“前端免费学习笔记（深入）”；
