一个关于<meta>标签的奇怪小问题

Question

题主在做“JavaScript入门篇  4-1 编程挑战”时，产生一个关于<meta>标签的小疑惑。

题主将编程挑战中的代码贴到win10自带的记事本上，在QQ浏览器下运行该html文件，结果发现显示效果如图：

然后我就想，肯定是字符集的事咯，我的字符集是这样的(utf-8)：

正准备改编码方式，可后来题主一查看同学的代码，发现如果改成这个样子：

用同样的文件在同样的环境下运行，就会显示正常了：

于是产生了疑问，为什么呢？首先为什么把<meta>标签里的“content”改成“txttent”就没问题了？

其次我们生活中常见的网页代码<meta>里都是“content”不是“txttent”，为什么他们都不会出现乱码？

希望有大神能跟我讲解一下这里的原因，以及<meta>神奇的用法，非常感谢！

Answer 1

并不是因为把"content"你改成"txttent";而不出现乱码。是因为根本没有txttent这个属性，浏览器自动忽略，由此浏览器会认为文档没有定义编码格式，就会用默认的“自动检测”功能来判断代码的编码类型。一开始编码为utf-8为什么会乱码呢？    一般是你讲一段代码复制到了记事本里然后保存了直接改后缀而产生的，因为记事本默认的编码格式是GBK。建议用编辑器sublime,notepad++等编辑器来编辑html代码。

Answer 2

用记事本是很容易出现编译错误的，还是用编译器吧

Answer 3

根本原因是记事本的默认编码集市GBK，你用其他可设置文件编码的编辑器编写后的文件就是正常的了，强烈推荐不使用记事本

Answer 4

没见过。。。不要纠结