DW制作HTML5网页教程全解析

• 检查当前文档类型：看代码视图第一行是不是 ；如果不是，手动改成它
• DW 的“文档类型”设置（文件 → 页面属性 → 标题/编码 → 文档类型）只影响验证提示，不改变实际输出
• 用“实时视图”或浏览器预览时，
  、

在 DW 中写出有效 HTML5 的实操要点

关键不在菜单点哪，而在你敲下的每一行标签是否符合 HTML5 规范。DW 提供的是补全和高亮，不是语义判断。

• 手动输入 ，不要依赖模板——有些模板仍带 xmlns 属性，那是 XHTML 遗留
• 语义标签必须手写或从“插入”面板 → “HTML” → “HTML5” 里拖（CC 版本才有该分类），直接打
• 避免混用
  和

  ——DW 不阻止你这么写，但语义冲突，校验器会警告
• 和 标签需手动添加 controls、src 等属性，DW 不自动生成 fallback 内容（比如嵌套

  Your browser doesn’t support video.

  ）

DW 的 HTML5 相关功能容易踩的坑

它把“看起来像 HTML5”和“实际是 HTML5”混在一起提示，导致很多人误以为开了某个选项就万事大吉。

• “验证”功能（文件 → 验证 → HTML）默认调用旧版 W3C 检查器，可能把合法的 标记为错误——要换在线校验器（如 validator.w3.org/nu）
• “实时视图”基于 WebKit 内核（旧版甚至用 IE），不能代表真实浏览器行为；flexbox 或 grid 布局在 DW 里显示正常，放到 Firefox 可能错位
• “CSS 设计器”里勾选“启用 CSS3 属性”只影响面板提示，不会自动加 -webkit- 前缀；你需要自己写或配 Autoprefixer
• 保存时若编码选了“UTF-8（无 BOM）”，没问题；但选成“UTF-8”（带 BOM），某些服务器或 JS 加载会出 Uncaught SyntaxError: Invalid or unexpected token

HTML5 的核心不在工具，而在你对标签职责的理解——