HTML页面头部必须包含且置于最前，否则中文乱码；需加实现真正响应式；应简洁准确，影响SEO与用户体验。
HTML 页面头部必须写 ，但只放 <title></title> 和 <meta charset="UTF-8"> 是最低可用底线；漏掉 charset 或顺序错，中文会乱码，浏览器可能回退到兼容模式。
为什么 <meta charset> 必须放在最前面
浏览器解析 HTML 时，一旦遇到非 ASCII 字符（比如中文标题），就靠开头这个声明决定用什么编码读后续内容。如果它出现在 <title></title> 后面，前面那段标题里的中文已经按错误编码（如 ISO-8859-1）解码过一次，再改也救不回来。
常见错误现象：<title>我的网页</title>
<meta charset="UTF-8"> → 标题显示为 “我的网页”
-
<meta charset="UTF-8">应该是中第一个子元素（<title></title>之前） - 不能写成
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">—— 这是旧写法，部分浏览器不识别或延迟生效 - HTML5 只认
charset属性，不区分大小写，但推荐小写保持统一
<meta name="viewport"> 不加会导致移动端页面缩成一团
没有这行，手机浏览器会以桌面宽度（通常是 980px）渲染页面，然后整体缩小显示，用户得双指放大才能看清文字——这不是响应式，是“假装响应式”。
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
标准写法：<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
width=device-width告诉浏览器：按设备物理宽度（不是像素数）设视口宽度 -
initial-scale=1.0禁止初始缩放，避免 iOS Safari 自动放大输入框 - 不要加
user-scalable=no—— 无障碍访问和阅读体验会受损，SEO 也可能被降权 - 这行必须在
<meta charset>之后、<title></title>之前或之后都可，但别塞到 CSS/JS 引入后面
<title></title> 和 SEO、用户体验强相关，但别堆砌关键词
搜索引擎把 <title></title> 当作页面核心主题，浏览器标签页、收藏夹、搜索结果都直接显示它。写得太长（超 60 字符）会被截断；太短（
- 每个页面必须有且仅有一个
<title></title>，放在内任意位置都合法，但习惯放<meta charset>和<meta viewport>之后 - 优先级建议：主关键词 + 分隔符（| 或 -）+ 网站名，例如
<title>HTML 头部设置指南 | 前端基础笔记</title> - 动态页面注意服务端渲染时别让所有页面 title 都一样（比如全是“首页”），否则 Google 会合并索引
<link rel="stylesheet"> 和 <script></script> 的位置影响首屏加载
把 CSS 放 里是必须的：浏览器需要样式信息才能正确布局和绘制；而 JS 默认阻塞解析，放错位置会让页面白屏更久。
- CSS 文件用
<link rel="stylesheet" href="style.css">，必须放在内，且尽量靠前（在<title></title>后） - JS 如果不依赖 DOM，推荐加
defer属性并放在：如<script src="app.js" defer></script>，这样不阻塞 HTML 解析，又保证执行顺序 - 避免在
里写async脚本（除非是统计代码等无依赖脚本），它不保证执行顺序，可能早于 DOM 构建完成 - 绝对不要把
<script></script>放在末尾还省略defer或async—— 这是最常见的白屏元凶
最容易被忽略的一点：所有这些标签的顺序不是“可选风格”，而是浏览器解析器的硬性依赖链。charset 决定怎么读字节，viewport 决定怎么铺画布，title 和 link 决定怎么渲染第一帧——顺序一乱，后续所有优化都打折扣。
