HTML代码编写的网页出现中文乱码问题解决方案

1.乱码原因 


(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编码乱码

 

2.解决方案

(1)在HTML文件头中增加下面代码:

<!--加入下面这行代码避免出现中文乱码,原理解释如下-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

而这段代码在一个完整的HTML页面中的位置是这样的: 

<!DOCTYPE html>
<html>
    <head>

	<title>Jeds Html website</title>   

	<!--加入下面这行代码避免出现中文乱码,原理解释如下-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。-->
	<!--http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。-->
	<!--http-equiv="content-type"设定页面使用的字符集-->
	<!--content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。-->
	<!--Content:用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据-->
	<!--MIME:MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。-->
	<!--text/html的意思是将文件的content-type设置为text/html的形式,浏览器在获取到这种文件时会自动调用html的解析器对文件进行相应的处理。-->

    </head>

    <body>
    </body>
</html>

其中<meta>标签中各大元素,属性都做了说明:

<!--<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。-->
<!--http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。-->
<!--http-equiv="content-type"设定页面使用的字符集-->
<!--content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。-->
<!--Content:用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据-->
<!--MIME:MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。-->
<!--text/html的意思是将文件的content-type设置为text/html的形式,浏览器在获取到这种文件时会自动调用html的解析器对文件进行相应的处理。-->
快乐李同学(李俊德-大连理工大学) CSDN认证博客专家 数据结构 Java Android
B站/微博/微信公众号:快乐李同学。
大连理工大学软件工程2020毕业学生。
大连理工大学2018-2019学年科技创新奖学金。
2个国家级项目,2个国家级奖项,5个省级奖项,8个校级奖项(总项目经费和竞赛奖金达2万2千元)。
2018-2019年在中国核心期刊《现代计算机》发表2篇项目相关论文,分别署名第一、第二作者(知网可查)。
2018-2019年申请2份项目软件著作权,并发布软件(编程乐园、编程学院)到Google,腾讯,百度,华为,小米等应用商店。
大学英语六级568分。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页