HTML页面头部必须包含且置于最前，否则中文乱码；需加实现真正响应式；应简洁准确，影响SEO与用户体验。

HTML 页面头部必须写 ，但只放 和 是最低可用底线；漏掉 charset 或顺序错，中文会乱码，浏览器可能回退到兼容模式。

为什么 必须放在最前面

浏览器解析 HTML 时，一旦遇到非 ASCII 字符（比如中文标题），就靠开头这个声明决定用什么编码读后续内容。如果它出现在 后面，前面那段标题里的中文已经按错误编码（如 ISO-8859-1）解码过一次，再改也救不回来。

常见错误现象： → 标题显示为 “我的网页”

• 应该是 中第一个子元素（ 之前）
• 不能写成 —— 这是旧写法，部分浏览器不识别或延迟生效
• HTML5 只认 charset 属性，不区分大小写，但推荐小写保持统一

不加会导致移动端页面缩成一团

没有这行，手机浏览器会以桌面宽度（通常是 980px）渲染页面，然后整体缩小显示，用户得双指放大才能看清文字——这不是响应式，是“假装响应式”。

标准写法：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• width=device-width 告诉浏览器：按设备物理宽度（不是像素数）设视口宽度
• initial-scale=1.0 禁止初始缩放，避免 iOS Safari 自动放大输入框
• 不要加 user-scalable=no —— 无障碍访问和阅读体验会受损，SEO 也可能被降权
• 这行必须在 之后、 之前或之后都可，但别塞到 CSS/JS 引入后面

和 SEO、用户体验强相关，但别堆砌关键词

搜索引擎把 当作页面核心主题，浏览器标签页、收藏夹、搜索结果都直接显示它。写得太长（超 60 字符）会被截断；太短（

• 每个页面必须有且仅有一个 ，放在 内任意位置都合法，但习惯放 和 之后
• 优先级建议：主关键词 + 分隔符（| 或 -）+ 网站名，例如
• 动态页面注意服务端渲染时别让所有页面 title 都一样（比如全是“首页”），否则 Google 会合并索引

和 <script></script> 的位置影响首屏加载

把 CSS 放 里是必须的：浏览器需要样式信息才能正确布局和绘制；而 JS 默认阻塞解析，放错位置会让页面白屏更久。

• CSS 文件用 ，必须放在 内，且尽量靠前（在 后）
• JS 如果不依赖 DOM，推荐加 defer 属性并放在 ：如 <script src="app.js" defer></script>，这样不阻塞 HTML 解析，又保证执行顺序
• 避免在 里写 async 脚本（除非是统计代码等无依赖脚本），它不保证执行顺序，可能早于 DOM 构建完成
• 绝对不要把 <script></script> 放在 末尾还省略 defer 或 async —— 这是最常见的白屏元凶

最容易被忽略的一点：所有这些标签的顺序不是“可选风格”，而是浏览器解析器的硬性依赖链。charset 决定怎么读字节，viewport 决定怎么铺画布，title 和 link 决定怎么渲染第一帧——顺序一乱，后续所有优化都打折扣。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！