html代码在浏览器中打开出现乱码,怎么解决?

来源:酷知科普网 1.4W

相信很多朋友有过类似的,就是自己手动编写的html代码使用浏览器打开的时候,会出现乱码,这究竟怎么解决呢?我们一块了解一下。

html代码在浏览器中打开出现乱码,怎么解决?
html代码在浏览器中打开出现乱码,怎么解决? 第2张

操作方法

(01)使用html书写工具写好要制作网页的html代码块,(本次演示使用表单示例),如果未进行“转码”声明,进行保存后,使用浏览器打开将会出现如下图示乱码。

html代码在浏览器中打开出现乱码,怎么解决? 第3张
html代码在浏览器中打开出现乱码,怎么解决? 第4张

(02)出现乱码现象,不是字体(font)设置有误,而是因为没有进行转码声明。要使浏览器正常显示,需要在html文档的<head>标签中的<meta>标签内作转码声明。(如下图方框内所示标记)(HTML4的时候):<meta http-equiv="content-type" content="text/html; charset=UTF-8" >(HTML5的时候):<meta charset="UTF-8" >这样做的目的是告诉浏览器,你所书写的html文档编码格式是什么,这样浏览器才能正确识别你所书写的html代码。

html代码在浏览器中打开出现乱码,怎么解决? 第5张

(03)将添加上转码声明的html文档以拓展名为""或“”的格式保存,并使用浏览器打开。这样就不会出现乱码现象了。

html代码在浏览器中打开出现乱码,怎么解决? 第6张

特别提示

保存html文档的时候必须以拓展名为“”或“”的格式保存。

书写代码时需要认真仔细,切忌别写错代码单词哟!

热门标签