html文件乱码一般是因为编码格式不匹配造成的,现在大部分浏览器默认编码的是utf-8,所以解决乱码问题搞清楚编码格式就可以了,下面介绍下解决的方法
工具/材料
notepad++
01
打开notepad++,新建一个HTML文件,选择编码里面的ANSI格式编写代码
02
打开文件所在的位置
03
双击HTML文件,跳转到浏览器,发现乱码
04
鼠标右键当前页面,查看浏览器的编码为Unicode(utf-8)
05
回到编辑器,更改编码格式为utf-8,保存后,刷新浏览器页面,文字内容正常显示。
06
当然,更改浏览器的编码也是可以的,更改为GBK,对应的就是ANSI格式,文字也能正常显示
当HTML文件的字符编码、HTML文件内容的字符编码、浏览器的字符编码不统一时,就会出现中文的乱码现象
1 HTML文件的字符编码,如果是使用sublime Text等专门的代码编辑器,默认均为utf-8,如果是使用文本文档(txt)文件,则会默认为ASCII,所以在这方面建议使用常用的代码编辑器,来规避此问题
2 对于HTML文件内容的字符编码,可以通过meta标签进行控制。在head标签当中的title标签之上,添加meta标签,并定义字符编码为utf-8
meta charset="utf-8"
titleHTML5 学堂/title
3 浏览器的字符编码(注:并非所有的浏览器都允许用户自行设置字符编码),在默认情况下均为utf-8,除非你进行了人工的修改,以IE浏览器为例,字符编码的设置(在浏览器页面当中点击鼠标右键,选择“编码”进行设置)位于下图所示位置:
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编码后保存,运行的时候就可以保证中文不会乱码了,如下图:
原因:问题就出编辑器身上。
1、用鼠标右键单击乱码的html文件,选择用记事本打开。
2、点击记事本菜单栏的文件,选择文件另存为。
3、在另存为的窗口中会发现保存有编码选择,默认编码为ANSI。
4、但是我们需要的编码为UTF-8,所以在保存的时候选择UTF-8,点击保存,替换原来的文件,就解决了html本身内容乱码问题。