html:5是vs code内置emmet快捷方式，可一键生成标准html5骨架，自动补全charset和viewport标签，需确保emmet启用、文件类型为html且保存为.html后缀。
直接用 html:5 代码段最省事，比手动敲结构快 3 秒以上，且能自动补全 <meta charset="UTF-8"> 和 <meta name="viewport"> —— 这两个漏掉一个，中文乱码或手机页面缩成一团的问题就大概率出现。
VS Code 里按 Ctrl+Shift+P 调出命令面板后输 html:5
这是 VS Code 内置的 Emmet 快捷方式，不是插件，无需安装。触发后会自动生成标准 HTML5 骨架，包含 （语言属性建议手动改成 zh-CN 或 en，别留默认空值）和带注释的 占位区。
- 如果没反应，检查是否禁用了 Emmet：设置里搜
emmet，确认Emmet: Enabled是开启状态 -
html:5不区分大小写，但必须在空文件或光标位于首行时触发才有效 - 生成后记得立刻保存为
.html后缀，否则某些浏览器双击打不开
Visual Studio 中添加新项选“HTML 页面”模板
VS（非 VS Code）不认 html:5，得靠内置模板。右键项目 → “添加” → “新建项”，在 Web 类别下选“HTML 页面”，它生成的结构和 html:5 基本一致，但默认不含 lang 属性和 viewport meta，这两处要手动补上。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 若列表里没看到“HTML 页面”，说明当前项目类型不支持 Web 模板（比如是纯 C++ 项目），此时只能手动建文本文件再改后缀
- 生成的文件默认编码可能是 GB2312，务必在文件 → 高级保存选项里改为 UTF-8 带 BOM，否则中文注释可能变问号
- VS 2022 起，“HTML 文件”和“HTML 页面”是两个不同模板，前者更简陋，优先选后者
PyCharm / Flask 项目里不能直接用 html:5？
可以，但得先确保文件被识别为 HTML 类型。新建 index.html 后，右下角状态栏会显示当前文件类型，如果不是 HTML，点它 → 选“HTML”。否则 Emmet 不生效，html:5 按了也没反应。
- Flask 项目中，HTML 文件通常放在
templates/目录下，路径不影响编辑器识别，只影响运行时加载 - PyCharm 社区版默认不带 Web 开发支持，需手动安装 “JavaScript and TypeScript” 插件才能启用 Emmet
- 即使模板生成了，Flask 视图函数里也得正确返回：
return render_template("index.html")，少引号或拼错名都会 404
真正容易被忽略的是 lang 属性和 charset 的组合效果：没有 lang，屏幕阅读器可能读错中文；charset 错位，连 <title></title> 里的中文都显示为方块——这些都不是浏览器报错，而是静默失败，得靠人工肉眼核对源码第一行和 里两处才抓得住。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
