html 文件乱码一般是因为编码格式不匹配造成的, 比如: 不同编码内容混杂, 浏览器不能自动检测网页编码等等; 但无论是哪种情况造成乱码, 在 HTML 文件头中设置网页编码, 匹配好编码格式就可.
下面是一个中文乱码的 HTML:
- <!DOCTYPE HTML>
- <HTML>
- <body>
- <h1>
- 标题
- </h1>
- <p>
- 这是一段测试文本!
- </p>
- </body>
- </HTML>
效果图:
HTML 中的编码方式有三个: gb2312,gbk,utf-8; 现在大部分浏览器默认编码的是 utf-8. 我们只需要把 HTML 编码方式设置为 utf-8, 就可以解决 HTML 中文乱码的问题.
解决方法:
在 head 节点加入 < meta > 标签, 把字符声明为 UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
或者简写:
<meta charset="UTF-8">
解析:
● http-equiv="Content-Type" 表示描述文档类型
● content="text/HTML; 文档类型, 这里为 HTML, 如果 JS 就是 text/JavaScript,
● charset=utf-8 页面字符集, 编码, eg:gb2312,iso-8859-1,utf-8
示例:
- <!DOCTYPE HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <HTML>
- <body>
- <h1>
- 标题
- </h1>
- <p>
- 这是一段测试文本!
- </p>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/html5/11427.html