visual studio 不是学习 html5 的最佳工具，新手应优先用双击方式打开 html 文件；推荐使用“空网站”项目，关闭智能感知等干扰功能，专注浏览器开发者工具调试。
Visual Studio（VS）不是写 HTML5 的最佳起点，尤其对新手——它自带的项目模板和调试机制反而会掩盖基础原理，容易在“为什么页面不刷新”“为什么 CSS 不生效”这类问题上卡住。
VS 里新建空网站项目比 ASP.NET Web 应用更合适
VS 的 ASP.NET Web App 模板默认启用服务器端渲染、web.config、路由中间件，HTML 文件夹里放个 index.html 都可能被重定向或 404。而 Empty Web Site（空网站）项目不生成任何后台逻辑，只提供纯静态文件托管环境，更贴近真实 HTML5 运行场景。
- 新建方式：文件 → 新建 → 网站 → 模板选 “空网站” → 目标框架选 “无” 或 “.NET Framework 4.7.2”（非必需）
- 创建后右键项目 →
Add New Item→ 选HTML Page，命名为index.html - F5 运行时 VS 会调用内置 IIS Express，但实际只是把当前目录当根路径托管，不会注入额外头或脚本
别急着按 F5，先用浏览器直接双击打开 HTML 文件
VS 的调试启动（F5）会走 IIS Express，带来端口、缓存、MIME 类型等干扰；而双击 index.html 是用 file:// 协议打开，最接近初学者直觉。很多新手写的 JS 报错 Cross origin requests are only supported for protocol schemes，就是因为在 VS 里 F5 启动后又手动拖 HTML 到浏览器导致协议混用。
- 确认 VS 中
index.html已保存 → 在解决方案资源管理器中右键 →在文件资源管理器中打开文件夹→ 双击该文件 - 后续加 CSS/JS 时，确保
<link href="style.css">和<script src="script.js"></script>中的路径是相对路径，且文件确实同级存在 - 仅当需要 AJAX 请求本地 JSON、或测试
fetch()跨域限制时，才必须启用 IIS Express（即 F5）
VS 的“查看设计器”和“智能感知”对 HTML5 支持有限
VS 的 HTML 编辑器对语义化标签（如 <article></article>、<nav></nav>）不报错但也不提示补全，CSS Flex/Grid 的属性提示滞后，且无法实时预览响应式断点。新手依赖这些功能，反而会错过手写结构、查 MDN、用浏览器开发者工具调试的习惯。
立即学习“前端免费学习笔记（深入）”；
- 关闭干扰项：工具 → 选项 → 文本编辑器 → HTML → 取消勾选
自动显示智能感知和启用 CSS 前缀自动补全 - 把 VS 当纯文本编辑器用：专注写好
、<code>、<meta charset="UTF-8">这三行基础 - 验证是否写对：右键 HTML 文件 →
在浏览器中查看→ 打开 DevTools（F12）→ 切到Console栏看有无Uncaught SyntaxError或Failed to load resource
真正卡住新手的，从来不是 VS 怎么点菜单，而是 <script></script> 放 里却操作了还没加载的 <div>，或是 CSS 选择器优先级没理清。VS 只是容器，HTML5 的运行逻辑在浏览器里——多切几次 F12，比多点几次 VS 的“启动”按钮有用得多。</div>
