解决html页面运行时出现乱码问题

html乱码原因

1. 不同编码内容混杂：html乱码是由于html编码问题照成（常见 gb2312与utf-8两种编码内容同时存在照成的）

2. 未设置HTML编码：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />未设置，这里设置的是utf-8

3. 使用记事本编辑html：使用记事本直接编辑html也容易照成html编码乱码

4. 不同浏览器有自己的编码格式，一般情况下“自动选择”

解决乱码问题

HTML中的编码方式有三个：gb2312，gbk，utf-8；现在大部分浏览器默认编码的是utf-8。我们只需要把HTML编码方式设置为utf-8，就可以解决html中文乱码的问题​

<!-- 在head标签中加入以下标签内容 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

解析：

• http-equiv="Content-Type" 表示描述文档类型
• content="text/HTML;文档类型，这里为html,如果js就是text/JavaScript，
• charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8