必须写、置于最前、和，否则将导致中文乱码、无障碍失效、移动端缩放错乱等不可逆问题。

必须写 ，否则浏览器可能用怪异模式渲染，中文乱码、布局错位都是它惹的祸。

为什么 一定要放在 最前面

浏览器解析 时，一遇到 就立刻切换字符编码。如果它被 或其他标签挡在后面，前面已读的字节（比如中文标题）就会按默认 ISO-8859-1 解析，直接变成乱码——而且这个过程不可逆。

• 必须是 内第一个子元素（紧贴 开始标签）
• 不能写成 ，HTML5 只认 charset 属性写法
• 编辑器保存文件时也得选 UTF-8 编码（VS Code 右下角状态栏确认），否则标签再对也没用

不只是给 SEO 看的

这个属性直接影响屏幕阅读器发音、浏览器自动翻译识别、甚至某些 CSS 伪类（如 :lang(zh)）的行为。不写或写错（比如写成 zh 或 cn）会导致无障碍访问失败，且部分搜索引擎会降权。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• zh-CN 是最稳妥的中文值，zh-SG、zh-TW 用于特定地区站点
• 必须加在 标签上，写在 或其他地方无效
• 如果页面混用中英文，可对局部元素单独加 lang，比如

  Hello

是移动端显示正常的底线

没有它，手机浏览器会把整个桌面宽度（通常 980px）缩放到屏幕里，文字小到看不清，点击区域错位——这不是 CSS 能修好的，是渲染层就错了。

• 固定写法：
• width=device-width 告诉浏览器“按设备真实宽度渲染”，不是按虚拟桌面宽
• 漏掉这行，哪怕写了 flex 或 rem 布局，用户第一眼看到的就是一团模糊缩放内容

骨架看着简单，但 的位置、lang 的取值、viewport 的存在，三者缺一都会在特定环境（中文输入、读屏软件、iOS Safari）下暴露问题——这些不是“以后再加”的功能，是保存为 .html 文件那一刻就必须正确的硬性条件。

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