当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >html网页乱码原因以及解决办法

html网页乱码原因以及解决办法

发布时间:2019-08-26 08:43:40

在使用HTML+CSS进行网页布局时,常会出现浏览网页出现各种乱码问题。那么我们需要解决这种问题就需要首先了解问题出现的原因。本文为大家分析一下html网页乱码原因以及解决办法。

一、乱码造成原因

1、如果网页源代码是gbk编写的,而内容中的文字是utf-8的,那么,此时打开浏览器就会出现HTML乱码。反之也会出现乱码。

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

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

1.png

二、解决乱码方法

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

解决办法:使用专业的编辑软件进行HTML网页的编写。例如DW.尽量不要直接使用记事本进行编写。

第二种:网页设置编码是gbk,但是数据库存储数据编码格式是UTF-8,此时,程序查询数据库数据显示数据进行转码即可。

例如:

2.jpg

然后在做网页时不要忘记下面的内容:

3.jpg

4.png

第三种:浏览器造成乱码

这种原因一般情况下都是网页没有设置meta charset 编码造成的。导致浏览器不能识别你的网页默认编码类型。

解决方法:

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

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

5.jpg

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

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定