乱码原因
(1)不同编码内容混杂：HTML乱码是因为html编码问题照成（常见gb2312与utf-8两种编码内容同一时候存在照成）
(2)未设置HTML编码：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />未设置，这里设置的是utf-8。【推荐：html参考手册】
(3)使用记事本编辑html：使用记事本直接编辑html也容易照成html编码乱码
解决方案
(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的解析器对文件进行相应的处理。-->
(2)不要使用记事本去打开html，一定要用专门的网页编辑器打开，特别是utf编码，用记事本打开保存就会出现乱码。
(3)利用dw软件去设置编码
在dw软件上，最上面有一个修改属性，子属性有一个页面属性，页面编码有一个编码子属性，我们设置成对应的属性就可以了，如图所示：
更多web前端知识，请查阅 HTML中文网 ！！
以上就是html乱码怎么解决？的详细内容，更多请关注易知道|edz.cc其它相关文章！
