html5无需安装，直接在浏览器中运行；开发环境只需配齐编辑器、浏览器和必要工具链。推荐vs code（配live server插件）、sublime text或notepad++，避免记事本；edge、chrome、firefox均原生支持html5特性；静态页面可双击打开，但fetch、service worker等需本地服务器，建议安装node.js并使用http-server；路径错误是常见问题，应优先使用相对路径并严格匹配文件位置。
HTML5 不是需要“安装”的运行环境，它直接在浏览器中运行；所谓“搭建 HTML5 开发环境”，本质是配齐写代码、预览页面、调试逻辑所需的工具链。
用什么编辑器写 HTML5 代码
不需要专用“HTML5 编辑器”，任何能保存 .html 文件的文本编辑器都行，但推荐带语法高亮和实时预览的工具：
-
VS Code（免费、插件丰富，装上Live Server插件后右键就能起本地服务） -
Sublime Text或Notepad++（轻量，适合快速改小页面） - 避免用
记事本（Notepad）：默认编码常为 ANSI，保存含中文的.html文件易乱码
浏览器就是 HTML5 运行环境
Windows 自带的 Edge（基于 Chromium）和最新版 Chrome、Firefox 均原生支持全部主流 HTML5 特性（canvas、localStorage、fetch、video 等），无需额外安装组件或插件。
验证方法：新建一个 test.html 文件，内容为：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html>
<html>
<body>
<script>console.log('HTML5 OK:', !!document.createElement('canvas').getContext);</script>
</body>
</html>
用浏览器双击打开，F12 打开开发者工具 → Console 标签页，看到 true 即表示环境就绪。
要不要装 Node.js 或本地服务器
纯静态 HTML/CSS/JS 页面，直接双击打开即可；但以下情况必须起本地服务：
- 使用
fetch()加载本地 JSON 文件（现代浏览器会因 CORS 拒绝file://协议请求） - 调用
Service Worker（要求页面在http://或https://下运行） - 集成前端构建工具（如
Vite、Webpack）
此时建议装 Node.js（官网下载 Windows 安装包，默认带 npm），之后可全局安装轻量服务器：
npm install -g http-server
进入项目目录后执行：
http-server -o
会自动在 http://localhost:8080 打开页面，绕过所有 file:// 限制。
真正容易被忽略的是路径问题：很多新手把图片、CSS 放错文件夹层级，导致页面显示空白但控制台无报错；写路径时优先用相对路径（如 ./css/style.css），并确认文件实际位置与 src/href 中写的完全一致。
