vs code 是最实用选择，因其不隐藏html5底层逻辑；lynxai和webcraft适合零代码用户，但各有局限；应避免frontpage 2003等未适配html5的老工具。
写纯 HTML5 静态页，为什么 VS Code 比 Dreamweaver 更值得花时间学
不是因为 VS Code 更“高级”，而是它不隐藏底层逻辑：你敲 <nav></nav> 就是 <nav></nav>，不会自动生成一堆冗余 class 或内联样式。Dreamweaver 的“所见即所得”在简单页面上看似快，但导出的 HTML 常含大量 style="margin: 0; padding: 0;" 和无意义 <span></span>，后期维护反而更费劲。
- 装好
Auto Close Tag和Auto Rename Tag插件，写<main></main>时会自动补全 - 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Live Server启动本地预览，改完保存立刻刷新，不用手动开浏览器 - 遇到中文乱码？右下角点编码（如
UTF-8），选Reopen with Encoding→UTF-8，别用 GBK 存 HTML5 文件
零代码用户直接生成静态页，LynxAI 和 WebCraft 怎么选
LynxAI 适合“说人话就能上线”的场景，比如输入“做一个咖啡馆首页，有营业时间、三张产品图、底部留微信二维码”，它真能生成带响应式布局、图片懒加载和语义化结构的 HTML；WebCraft 则适合你心里已有草图，想拖几个卡片、调个字体大小、再导出干净代码自己微调。
- LynxAI 输出的 HTML 默认带轻量级 CSS 框架，
<button class="btn-primary"></button>这类 class 不可删，否则样式崩 - WebCraft 导出的代码里没有外部依赖，所有样式都在
<style></style>标签里，适合直接扔进学校作业 FTP 目录 - 两者都不支持自定义域名绑定——生成页默认托管在它们的子域名下，要换域名得导出后自己上传服务器
别碰 FrontPage 2003、UltraEdit 这类老工具
它们不是“过时”，而是根本没为 HTML5 设计：FrontPage 2003 默认用 <font></font> 标签控制文字颜色，生成的文档类型声明还是 ；UltraEdit 虽然能高亮 HTML，但对 <code><dialog></dialog>、<details></details> 等新标签毫无提示，连基础语法校验都做不到。
- 打开一个现代 HTML5 页面，FrontPage 2003 会把
<article></article>当成未知标签，直接删掉或转成<div> <li>UltraEdit 默认关闭 UTF-8 BOM 检测，用它保存含中文的 <code><meta charset="utf-8">页面，可能让浏览器误判编码 - 这些工具现在仍能运行，但不是“可用”，而是“勉强不报错”——就像用算盘跑 Python 脚本
- 用手机访问
http://localhost:5500/index.html（Live Server 默认端口），比看编辑器缩略图靠谱十倍 - 检查 HTML 顶部是否有且仅有一行：
<!DOCTYPE html>
，缺了这行，IE 或旧安卓 WebView 会进 Quirks Mode，Flex 布局直接失效 - 图片路径别写
C:\myproject\img\logo.png，必须是相对路径如./img/logo.png或绝对路径/img/logo.png，否则传到服务器就 404
导出后的 HTML 文件怎么确保真能在所有设备打开
别只信编辑器里的“预览”按钮。很多工具（包括部分在线生成器）的预览环境是简化版浏览器，不触发真实移动端的 viewport 解析或 touch 事件。
立即学习“前端免费学习笔记（深入）”；
<script></script>、或者把 <picture></picture> 当普通标签随便套——这些细节，再智能的 AI 也救不了，得靠你自己看一眼源码。
