web前端入门到实战：解决HTML页面乱码问题

最新推荐文章于 2023-06-10 09:11:41 发布

白T恤架构师

最新推荐文章于 2023-06-10 09:11:41 发布

阅读量346

点赞数

分类专栏： html 文章标签： html css js 编程语言前端

本文链接：https://blog.csdn.net/ITHHH111/article/details/105255975

版权

html 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

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节点加入标签，把字符声明为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

示例：

专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）

<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
</head>
<html>
	<body>
		<h1>标题</h1>
		<p>这是一段测试文本！</p>
	</body>
</html>

白T恤架构师

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端入门到实战：解决HTML页面乱码问题

HTML文件乱码一般是因为编码格式不匹配造成的，比如：不同编码内容混杂、浏览器不能自动检测网页编码等等；但无论是哪种情况造成乱码，在HTML文件头中设置网页编码，匹配好编码格式就可。下面是一个中文乱码的html：<!DOCTYPE html><html> <body> <h1>标题</h1> <p>这是一段测试...
复制链接

扫一扫