自己编写的中文网页在浏览器中显示乱码

最新推荐文章于 2023-07-06 18:56:51 发布
最新推荐文章于 2023-07-06 18:56:51 发布
阅读量4.3k 收藏 2
点赞数 1
分类专栏： Web 开发 文章标签： 浏览器 乱码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hoo_chsodene/article/details/11740341
版权

问题描述：在我第一次写好了 HTML 文档之后兴奋地用~Firefox~浏览器打开，结果发现页面中的中文显示乱码？

分析：可能是因为浏览器查看网页时所使用的字符编码与编写网页时所用的字符编码不一致所造成的。解决的办法之一：为了保证两种字符编码的一致性，需要先知道自己编写网页时所采用的字符编码，以我的文本编辑器 Emacs 为例，我将其字符编码设置默认为 UTF-8。知道了自己的编码后，接下来就是使得浏览器能够识别该网页的编码，并以相应的编码方式打开该网页。可以手动设置浏览器（略），还可以让浏览器自动识别。以我的编码方式为例，自动识别只需要在 HTML 源代码 <head> 标签中加入（HTML4的时候）：

<meta http-equiv="content-type" content="text/html; charset=UTF-8" >

（HTML5的时候）：

<meta charset="UTF-8" >

这就是告诉浏览器打开该网页的编码方式是 UTF-8。

hoo_chsodene
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html文件中文在浏览器中显示乱码问题解决
weixin_34245169的博客
01-08 1万+
  利用浏览器打开html文件时，中文显示乱码，如下是原文件的内容   1 &lt;html&gt;   2         &lt;head&gt;   3             &lt;title&gt;狗熊王&lt;/title&gt;   4         &lt;/head&gt;   5    6         &lt;body&gt;   7             &lt;...
php强制文件下载而非在浏览器打开的自定义函数分享
12-19
有时我们希望如图片、文本文档、网页、mp3、pdf等内容，当点击对应链接时直接下载，而不是在网页上显示，那么就需要强制设置header头信息。以下为一段不会产生乱码的php函数实现代码，其他程序语言也可参考之编写实现。复制代码 代码如下:/** * Downloader * * @param $archivo *  path al archivo * @param $downloadfilename *  (null|string) el nombre que queres usar para el archivo que se va a descargar. *  (si no lo esp
可以显示中文名称的下载组件
01-28
jspsmartupload.jar组件大家都知道，但是它本身自带的download功能并不支持中文名称的文件，在下载的时候会出现乱码，我自己编写了一个FileDownload类，放到了这个jar包中，这个类用的UTF-8编码方式，所以可以对中文文件名进行很好的支持，下面是这个类的使用方法的一个介绍：<br><br>import com.jspsmart.upload.*<br>// 新建一个smartupload对象 <br>SmartUpload su = new SmartUpload() ;<br>// 初始化 <br>su.initialize(pageContext); <br>// 设定contentdisposition为null以禁止浏览器自动打开文件， <br>//保证点击链接后是下载文件。若不设定，则下载的文件扩展名为doc时，浏览器将自动用word打开它。扩展名为pdf时，浏览器将用acrobat打开。 <br>// 下载文件 <br>su.downloadFile("/upload/aa.doc"); <br><br>下面是FileDownload的源码：<br><br>package com.jspsmart.upload ;<br><br>import java.io.BufferedInputStream ;<br>import java.io.File ;<br>import java.io.FileInputStream ;<br>import java.io.OutputStream ;<br>import java.net.URL ;<br>import javax.servlet.http.HttpServletResponse ;<br><br>public class FileDownload<br>{<br> public void downLoad( String filePath , HttpServletResponse response , boolean isOnLine ) throws Exception<br> {<br> File f = new File( filePath ) ;<br> if ( !f.exists() )<br> {<br> response.sendError( 404 , "File not found!" ) ;<br> return ;<br> }<br> BufferedInputStream br = new BufferedInputStream( new FileInputStream( f ) ) ;<br> byte[] buf = new byte[1024] ;<br> int len = 0 ;<br> response.reset() ; // 非常重要<br> // 在线打开方式<br> if ( isOnLine )<br> {<br> URL u = new URL( "file:///" + filePath ) ;<br> response.setContentType( u.openConnection().getContentType() ) ;<br> response.setHeader( "Content-Disposition" , "inline; filename=" + toUTF8(f.getName()) ) ;<br> // 文件名应该编码成UTF-8<br> }<br> // 纯下载方式<br> else<br> {<br> response.setContentType( "application/x-msdownload" ) ;<br> response.setHeader( "Content-Disposition" , "attachment; filename=" + toUTF8(f.getName()) ) ;<br> }<br> OutputStream out = response.getOutputStream() ;<br> while ( ( len = br.read( buf ) ) > 0 )<br> out.write( buf , 0 , len ) ;<br> br.close() ;<br> out.close() ;<br> }<br><br> public String toUTF8( String s )<br> {<br> StringBuffer sb = new StringBuffer() ;<br> for ( int i = 0 ; i < s.length() ; i++ )<br> {<br> char c = s.charAt( i ) ;<br> if ( c >= 0 && c <= 255 )<br> {<br> sb.append( c ) ;<br> }<br> else<br> {<br> byte[] b ;<br> try<br> {<br> b = Character.toString( c ).getBytes( "utf-8" ) ;<br> }<br> catch ( Exception ex )<br> {<br> System.out.println( ex ) ;<br> b = new byte[0] ;<br> }<br> for ( int j = 0 ; j < b.length ; j++ )<br> {<br> int k = b[j] ;<br> if ( k < 0 )<br> k += 256 ;<br> sb.append( "%" + Integer.toHexString( k ).toUpperCase() ) ;<br> }<br> }<br> }<br> return sb.toString() ;<br> }<br>}
servlet中文乱码问题
06-11
Servlet + Tomcat 中文乱码的解决方法，浏览器把Unicode字符转换为GBK字符，这样页面的内容和浏览器的显示模式都设成了GBK，就不会乱码了
myEclipse乱码解决办法
04-09
在Myeclipse导入一个项目，有中文乱码问题，解决方法如下： 一、将整个project设置编码UTF-8（UTF-8可以最大的支持国际化） windows->Preferences->general->Workspace->Text file encoding->Other框中的Text file encoding改为UTF-8。 二、对java源文件编码设置为UTF-8. windows->Preferences->general->Context Types->Text，选择Java Source File，在下面的Default encoding输入框中输入UTF-8，点Update，则设置Java文件编码为UTF-8。 一、设置新建常见类型文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -->content Types 在右侧窗口中展开每一个子项,依次输入编码格式，如“UTF-8”点击“update”就设置好了。 例如：在以上设置中，设置jsp默认编码格式为“UTF-8”，那么以后新建的jsp文件，都是以“UTF-8”的格式保存的。 同样设置java默认编码格式为“UTF-8”，那么以后新建的java文件，都是以“UTF-8”的格式保存的。 设置html默认编码格式为“UTF-8”，那么以后新建的html文件，都是以“UTF-8”的格式保存的。 以上设置了文件的保存编码格式，默认的打开方式（解码方式）会跟保存编码格式一样。 二、设置新建其他文件的默认编码格式，即文件保存格式。 在第一项设置中，只是设置了常用文件类型的编码格式。如果新建一个文件，没有后缀名，也就是不指名文件类型，那么MyEclipse无法判断该用何种编码格式保存，就用操作系统默认文件保存编码格式GBK进行保存。这个默认保存编码格式，可用如下方法修改： window-->preferences-->general-->workspace 在右侧 Text file encoding ->Other 选择UTF-8 三、单个文件查看编码格式（也就是打开文件用的编码格式）更改。 这个方法没有更改文件的编码格式，只是告诉MyEclipse用何种编码格式进行解码。 在要查看的文件上，如文件Test.java上右键-->Properties-->Resource在右侧Text file encoding ->Other，可以进行修改。 比如说，你在“一”里面设置*.java文件的编码格式为“UTF-8”，那么你打开后缀名为java的文件，默认就会以“UTF-8”格式进行解码。如果有人给了你一个编写好的java文件，但是他是用GBK编码保存的，那么你现在打开的时候，会显示乱码。在这个文件上右键-->Properties-->Resource在右侧Text file encoding ->Other ->GBK，就可以正常显示里面的内容了。 四、单个工程workspace默认编码设置。 在工程上右键-->Properties-->Resource在右侧Text file encoding ->Other，可以进行修改。 五、指定MyEclipse编写文件时页面内容数据编码格式（其实就是参数的默认设置），如html,或者jsp网页中提交表单前，用户输入的信息编码格式，配置文件xml中的参数编码格式等。 主要是通知浏览器或服务器，传输数据的编码格式。告诉浏览器用何种编码来解析html或者JSP文件。 window-->Preferences-->MyEclipse-->Files and Editors-->选择子项-->Encoding 例如：选择UTF-8, 新建jsp文件的时候，contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"就会自动生成，不用每次去手工更改了。 新建html文件的时候，http-equiv="Content-Type" content="text/html; charset=UTF-8" 新建xml文件的时候， 六、eclipse的控制台显示所使用的编码是继承了workspace设置的字符编码格式（也就是上面“二”中设置的编码格式）。
浏览器乱码的原因是什么?如何解决?
weixin_66134429的博客
12-16 6988
浏览器乱码的原因是什么?如何解决?
关于HBuilder X浏览器运行时出现乱码问题
xiaodeng548的博客
05-07 5177
关于HBuilder X浏览器运行时出现乱码问题 今天在用HBuilder X 运行代码时结果出现乱码，编辑区域代码显示正常，但是自带的web浏览器显示中文乱码。此时查看显示的编码方式的是GB18030编码方式。此时我们更改编码方式是没有用的。网上有说在头部加上标签meta和属性 charset="utf-8"的，也还是不行。 解决的办法： 1.首先，在头部里加上代码< meta chars...
HTML代码编写的网页出现中文乱码问题解决方案
热门推荐
快乐李同学的博客
03-18 4万+
1.乱码原因 (1)不同编码内容混杂：HTML乱码是因为html编码问题照成（常见gb2312与utf-8两种编码内容同一时候存在照成） (2)未设置HTML编码：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />未设置，这里设置的是utf-8 (3)使用记事本编辑html：使用记事本直接编辑h...
小鱼儿中英文外贸网站源码带后台，欧美风格
10-18
1，ASP编写，Access数据库，源代码全开源，未做任何加密，懂网页的也可以修改 2，采用UTF-8编码，全球打开网站不乱码 3，后台使用fckeditor国际流行编辑器，Word式自由排版 4，兼容IE、火狐各大常用浏览器，打开...
5月9日 页面不显示中文
weixin_30419799的博客
05-09 193
若页面不显示中文，可能原因： 1、由于适用的Cufon字体包不支持中文造成的。 解决方法：下载cufon中文包，下载地址：http://i.cnblogs.com/Files.aspx 将相应的js解压到原先的js存放目录下，覆盖cufon-yui然后将代码引用的<scriptsrc="js/(文件名).font.js"type="text/javascript"><...
html乱码原因与网页乱码解决方法
qq_41046162的博客
01-05 1万+
是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。就以上乱码效果截图情况的html代码为，因为 这里编码错误导致的乱码情况。内中文字内容与html编码不同造成。②html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。html乱码原因与网页乱码解决方法，浏览器浏览网页内容出现乱码符合解决篇（③浏览器不能自动检测网页编码，造成网页乱码。
为什么记事本写的网页在浏览器打开是乱码？该怎么解决？
最新发布
ZM20170703的博客
07-06 433
【前端学习】关于乱码这件事
html文件用浏览器打开有乱码
静心学习，开心生活
04-27 613
新建文本文档，写入代码，重命名为.html文件 出现的是这样的 修改： 添加一行代码 打开就没问题了
关于网页的乱码
hongmeikaile的专栏
10-11 731
一、在html中乱码的解决方法：charset也可以设置成GBK，可消除乱码二、Servlet中乱码解决方法：response.setContentType("text/html;charset=GBK");  请求中有汉字，出现乱码时：（1）用doPost方法时request.setCharacterEncoding("utf-8");（2）用都doGet方法时
HTML页面为什么设置了UTF-8仍然中文乱码
ht894021573的专栏
07-08 6443
如题，其实问题很简单，在用EditPlus写html页面的时候，发现设置为UTF-8的时候仍然出现了乱码， 这是一个很奇怪的问题，而且我完全考虑了浏览器的解析问题，将title放在了了meta标签之后，之后突然想起页面 保存时候的编码问题，在保存页面的时候EditPlus默认的是ANSI的编码方式，而不是UTF-8。所以在保存页面的时候注意选择编码方式为UTF-8即可。 如果要修改EditP
网页出现乱码及乱码解决方案汇总(转帖），供网友参考；
zbetter的专栏
04-03 1万+
php+mysql 乱码解决方案汇总(转帖），供网友参考；
为什么web项目在eclipse中文乱码在浏览器不会乱码呢
06-11
这可能是因为在Eclipse中使用的编码格式与浏览器默认的编码格式不一致导致的。Eclipse默认使用的编码格式是UTF-8，而浏览器默认使用的编码格式通常是GBK或者UTF-8。因此，在Eclipse中编写的中文字符可能会出现乱码现象，但是在浏览器中显示正常。为了解决这个问题，可以尝试在Eclipse中设置编码格式为GBK或者UTF-8，并且在HTML文件中声明编码格式，以保证浏览器能够正确地解析中文字符。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值