DW 里插入 SVG 图标和 MathML 公式会出什么问题
DW 默认把 SVG 当作图片处理，直接拖进去会转成 
- SVG 要手写内联：复制 SVG 源码（以
开头），粘贴到代码视图中对应位置，确保没有 - MathML 公式必须用原生标签，如
，别指望 DW 提供公式面板 - 保存前检查控制台（F12 → Console）有没有
Failed to load resource: net::ERR_FILE_NOT_FOUND——那是 DW 把相对路径自动改成绝对路径导致的
CSS Grid 布局在 DW 实时预览里根本不可信
DW 的实时视图（Live View）用的是旧版 WebKit 渲染引擎，不支持 grid-template-areas 自动换行、subgrid，甚至部分 gap 行为会错位。你看到的“对齐了”，浏览器里大概率是错的。
- 写 Grid 时关掉 Live View，用 Chrome 或 Firefox 手动刷新查看效果
- 避免用 DW 的“CSS Designer”面板生成 Grid 代码——它生成的
grid-column-start常漏单位，变成grid-column-start: 2（缺span 2或/ 3） - 百科页面的多列词条布局，优先用
display: grid+minmax(300px, 1fr)，别依赖 DW 的“响应式网格布局”按钮
最麻烦的其实是字符编码——DW 默认用 UTF-8 无 BOM，但如果你从 Word 粘贴过中文标题，可能混入不可见的 Unicode 控制符，导致 标签莫名闭合失败。遇到渲染异常，先全选文本 → 右键“清理 HTML” → 勾选“移除不可见字符”。
到这里，我们也就讲完了《DW制作HTML5百科页面教程》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！
