html乱码怎么解决?

html乱码怎么解决?下面本篇文章给大家介绍一下html乱码的解决方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

乱码原因

(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.png

解决方案

(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软件上,最上面有一个修改属性,子属性有一个页面属性,页面编码有一个编码子属性,我们设置成对应的属性就可以了,如图所示:

1.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是html乱码怎么解决?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏