特别之处没有,就是设置网页的字符集,告诉浏览器以此种编码解释该页面。
1、字符集在网页中的设置方法为:
<meta charset="utf-8">//也可以使用其他字符集2、如果在网页中声明的字符集与文件本身保存的编码字符集不一致时就会导致浏览器解析该页面为乱码。如声明为utf-8,用编辑器保存该页面时保存的编码是gb2312,则此时浏览器就会以utf-8的编码去解释gb2312的字符就会显示乱码,所以两者一定要一致才能正常显示。
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编码后保存,运行的时候就可以保证中文不会乱码了,如下图:
首先要明白,<meta charset="UTF-8">
是设置网页文件展示时使用的字符集(编码),那其实除了网页文件展示时有编码以外,网页文件本身还有编码。必须两者统一时才不会乱码。
举个例子(此处用Notepad++为例):
创建一个html文件,用Notepad++打开,先把文档结构写好
test.html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
写到这儿之后,改变Notepad++的编码,改为GB2312,如下图
改好之后再修改test.html文件,修改之后的代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字符编码测试</title>
</head>
<body>
<h1>你好,世界!</h1>
</body>
</html>
用浏览器查看test.html,效果如下图
乱码了对吧?尝试修改网页显示的字符编码,将<meta
charset="UTF-8">修改为和Notepad++一致的GB2312
<meta charset="GB2312">
再次查看网页效果
这回正确了。
所以你将网页的显示字符集改为UTF-8说明你的编辑器可能采用的时其他字符集,你需要检查一下。
注意:
浏览器也可以设置字符集,不统一也可能导致乱码
一般建议统一使用UTF-8
使用UTF-8你乱码你需要检查到底时哪一步出了错误,是编辑器还是浏览器。
如果说网页时服务器生成的还需要将服务器的编码一并考虑进去
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)