一、前置说明

先说个事儿，很多同学都把写在最前面甚至放到 之前。其实这么做会让浏览器误判文件格式，导致页面进入怪异模式。 摸个底。 记住：BOM 的可见字符会被认为是代码的一部分，而不是标记。BOM+doctype+meta=错误组合！

1、BOM到底是什么鬼？

BOM全称Byte Order Mark，是一种隐藏的Unicode字节序标记。它能告诉解析器文件是UTF‑16还是UTF‑32，但对UTF‑8来说根本就没必要。 如果你用记事本或Notepad++等编辑器默认保存成“带BOM UTF‑8”， 浏览器会先看到三字节EF BB BF，然后再解析 ，导致DOCTYPE被当成普通文本。后来啊就是渲染模式不对。

2、为什么不建议在文件开头放BOM?

主要原因是：

• BOM+doctype可能被解析为错误的doctype。
• BOM+meta可能被忽略，导致后面出现乱码。
• 服务器端往往把文件当作GBK或其他Windows编码来读取，再送给浏览器。

二、 真正的字符编码声明怎么写?

a) 简单明了的方式：

这句代码一定要放在 里而且最好靠近顶部，和

...

b) 注意顺序：doctype → meta → title → …

绝绝子... 必须是第一行。接着才是 在html标签里写上lang属性， 比方说lang="zh-CN"，能帮助搜索引擎和屏幕阅读器更好识别语言。

示例代码片段:

* 在上面的代码中，你会看到这种老式写法，它可以兼容极少数旧版IE。但现代浏览器都已支持简洁的charset属性，所以我们一般只保留它一次即可，雪糕刺客。。

常见错误汇总：

• BOM+中文标题 +  - 会导致标题乱码或页面显示错位。
• - 如果你忘记设置base路径，链接会变得怪异。
• No ; relative path broken.- 与上面同理，只不过这里没有演示。

为什么要把 放在头部而不是body?