怎么解决html文件乱码现象

html-css033

怎么解决html文件乱码现象,第1张

html文件乱码一般是因为编码格式不匹配造成的,现在大部分浏览器默认编码的是utf-8,所以解决乱码问题搞清楚编码格式就可以了,下面介绍下解决的方法

工具/材料

notepad++

01

打开notepad++,新建一个HTML文件,选择编码里面的ANSI格式编写代码

02

打开文件所在的位置

03

双击HTML文件,跳转到浏览器,发现乱码

04

鼠标右键当前页面,查看浏览器的编码为Unicode(utf-8)

05

回到编辑器,更改编码格式为utf-8,保存后,刷新浏览器页面,文字内容正常显示。

06

当然,更改浏览器的编码也是可以的,更改为GBK,对应的就是ANSI格式,文字也能正常显示

html中文乱码一般都是由于编码不一致导致,一般是代码声明或者浏览器默认的编码与文件保存的实际编码不一致造成的,解决的方法就是要代码中声明的代码要和文件保存的编码一致,这样中文就不会出现乱码的现象了。

工具原料:编辑器、浏览器

1、首先在html代码中声明字符集即编码,意思就是告诉浏览器以什么编码来解析本文件,代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<p>测试中文乱码</p>

</body>

</html>

2、以上代码的中的<meta charset="UTF-8">就是声明字符集使用的utf-8。

3、声明字符集后浏览器解析的时候就会以声明的字符集去解析文档,但是要保证解析的不乱码,就要保证文件保存时候的编码格式和声明的格式一致才行,如下图:

4、选择一致的utf-8编码后保存,运行的时候就可以保证中文不会乱码了,如下图:

当在HTML中编译浏览时文字变成乱码时:

1:首先要查看一下浏览器的的编码格式:一般使用的是Unicode(UTF-8)

2:其次查看 html编码样式

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

通过改变charset=utf-8中的utf-8就可以改变网页的编码。

一般我们在写CSS文件时候也需要在CSS文件顶部使用@charset "utf-8"来定义此CSS文件编码类型。一般html源代码和css文件编码要统一,如果不统一会导致CSS hack,页面乱码网页页面排版乱等兼容问题。

3:国内常用的流行的有utf-8、gb2312这两种。一般这两种类型就能满足国内网页编码需求。当然程序和数据库中也会用到这两种编码类型来处理网页和存储数据类型。

(推荐charset使用编码是 UTF-8,因为可以通俗理解简体繁体可用此编码如台湾和内地使用此编码。)

4:如果编码混排将使网页乱码也叫不兼容,特别是在CSS注释中使用了编码混排将导致css hack。

希望以后在制作网页的时候千万不要忘记对网页编码的声明。