html乱码

http://www.divcss5.com/html/h546.shtml

http://www.divcss5.com/wenji/w672.shtml

一、乱码原因   -   TOP

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

二、解决html乱码方法   -   TOP

1、未设置html编码

无编码声明标签
html无编码声明标签

DW软件中打开HTML后,在“代码”或“拆分”模式下(这样可以看见代码编码声明出现),点击“修改”然后选择点击“页面属性

设置html编码
在弹出的“页面属性”选项卡中选择“标题/编码”,再对应右边“编码”选择需要的编码值。

选择html编码截图
选择html编码截图

选择好HTML编码后再点击“应用”,最后“确定”

应用选择好的HTML编码
应用选择好的HTML编码

根据以上步骤即可让HTML加入编码声明。

html编码添加上截图
html编码添加上截图

html没有编码到添加编码使用DW软件完成。一般情况切勿手动记事本添加这行编码声明标签,不然很可能添加也因为整个html编码没有随添加编码而改变,依然存在html乱码问题。

2、记事本编辑html
一般情况避免乱码,切记不要直接使用记事本编辑Html代码,因为很容易照成编码问题而导致html中文乱码,特别是原来的html是utf编码的,记事本添加中文或代码后保存出现乱码。这是因为记事本直接修改代码特别是添加中文后,添加的部分是gbk编码的内容,而原始内容是utf的编码,这样一个Html中两种编码的内容同时存在会照成乱码问题。虽然什么编码我们肉眼是无法分辨的,但这个编码格式模式是存在的,所以编码乱码问题终结解决方法就是使用DW软件进行编辑修改。这样可以大大减少乱码问题。(如何选择gb2313 utf-8

三、DIVCSS5总结   -   TOP

避免HTML乱码根本问题是编码照成,一设置编码标签;二使用DW软件进行编辑(修改)网页文件;三程序开发时从数据库调用出数据要与HTML编码保持一致。这样即可减少或完全避免HTML编码乱码问题。



一、乱码造成原因   -   TOP

1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容是gbk也会出现乱码。

2、html网页编码是gbk,而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。

3、浏览器不能自动检测网页编码,造成网页乱码。

二、解决乱码方法   -   TOP

第一种,html网页源代码编码与中文字输入编码不同。

解决方法:

使用软件进行编辑HTML网页内容,推荐使用DW软件进行HTML代码编辑和开发。

尽量不要直接使用记事本进行编辑HTML代码。

第二种,如果网页设置编码是gbk的,而数据库储存数据编码格式是UTF-8的,这个时候程序查询数据库数据显示数据前进乡程序转码即可。

例如PHP程序+mysql查询显示数据转码:
1、mysql_query("SET NAMES 'UTF8'"); //将查询数据转码为utf8,也就是转换为utf-8
2、mysql_query("SET NAMES 'GBK'");//将查询数据转码为GBK,如gbk2312

在写数据库连接文件时,写成:

  
  
  1. $conn = mysql_connect("$host","$user","$password"); 
  2. mysql_query("SET NAMES 'UTF8'"); 
  3. mysql_select_db("$database",$conn); 

然后在做页面时,注意这句:

  
  
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

这样不管输入数据库的中文,还是页面显示,就都正常了。
在DW CS4版里,默认生成的也是utf8页面。

同样的,如果一开始写数据库连接文件时写成:

  
  
  1. mysql_query("SET NAMES 'GBK'"); 

那页面也要相应变成:

  
  
  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

其它asp程序或其它程序语言网站根据实际情况到百度查询转换编码方法。

第三种,浏览器造成乱码。
这个可能是你网页没有设置meta charset编码造成。导致浏览器不能识别你网页默认编码类型。解决方法:

1、如果浏览器浏览时候出现网页乱码,在浏览器中找到转换编码的菜单。

在IE9浏览器中需要转码的网页空白出右键鼠标,即可选择“编码”。
傲游浏览器中浏览需要转码的网页时,菜单“查看”-->“编码”即可选择转换编码
谷歌浏览器中浏览需要转码的网页时,点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码达到让浏览器浏览此网页不是乱码。

傲游浏览器切换当前浏览网页编码截图
傲游浏览器切换当前浏览网页编码截图

2、如果自己开发网页,必须网页加入meta charset编码标签。

  
  
  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

  
  
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

假如转换时候,不是记事本编辑添加meta charset编码标签就完成,这样同样会造成乱码,那是因为直接记事本添加或修改编码格式后,而对应Html超文本文档内容并没有随添加或修改编码格式而变化,这个时候需要真正意义上的转码,所以最好借助开发软件进行编码添加与修改。

推荐DW软件中修改编码。在DW软件中进行编码修改或添加,并重新载入编码的网页。

dw软件设置网页编码选项卡截图
DW转化网页编码类型选项卡截图







  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值