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

 

html5页面出现乱码 html乱码解决_html5页面出现乱码

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的解析器对文件进行相应的处理。-->