HTML页面乱码怎么解决?

更新日期: 2020-02-28阅读: 3.2k标签: 乱码

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>

链接: https://fly63.com/article/detial/7982

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!