【HTML】明明加了<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />却还是乱码的可能原因

最新推荐文章于 2024-07-15 13:20:50 发布
最新推荐文章于 2024-07-15 13:20:50 发布
阅读量1.6w 收藏 7
点赞数 1
分类专栏： HTML&amp;CSS 文章标签： 乱码 html utf-8 notepad 记事本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yongh701/article/details/43153265
版权

按理说，右键新建一个文本文档，并且把“新建文本文档.txt”改名成"1.html"，

然后再于里面写入：

<html>
<head>
</head>
<body>
中文
</body>
</html>

是一点问题没都没有了的，

可是，部分浏览器打开这个1.html却发现乱码，或者里面的表单传递值的时候发现，你为了不乱码，你就在<head></head>标签中加入

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

毕竟网上都是这样说，这样在大多数情况也没有问题的，可是，如果你用notepad++打开这文件往里面一加这句话

如果你会发现，原来的网页仍然是乱码，比如这样：


那样，你可以用记事本打开这个1.html，把这文档另存到原来的目录，覆盖自己，只是编码要从ANSI改成utf-8，win7x86等没有utf-8存为unicode，我这是win7x64的windows


再用浏览器打开就没有乱码了，如果用notepad++打开这个文件乱码，则关闭其在notepad++的标签页，重新用notepad打开即可。


yongh701
关注
专栏目录
html基础
qq_50452445的博客
07-06 3253
HTML 的全称为超文本标记语言, 是一种标记语言。主要用来为文本添加语义。 注释 基本标签 h p img src: “图片的 URL”alt: “图像显示出错的替代文本”width: “图像宽度”height: “图像高度”注意点:​ 1.默认显示图像正常宽高​ 2.图像只设置宽度,高度自适应​ 3.图像只设置高度,宽度自适应​ 4.图像同时设置宽和高, 可能会导致图像变形 a href: “链接指向的页面 URL”target: “新页面打开方式” base target: “所有页面打开方
前端入门 html头部中各式各样的meta
Java高级教程、Java架构师、Java进阶教程
06-22 2250
在写网页的过程中，第一步就是创建一个html文档。如下是最简单的 html5 文档。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
META描述（转载）
thefly1988的专栏
03-31 275
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似 下面这段的html代码： 　　＜head＞ 　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ 　　＜/head＞ 　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例...
关于<meta http-equiv="Content-Type" content="text/html:charset=UTF-8">
weixin_30668887的博客
08-06 955
meta是html的元标签,其中包含了对应html的相关信息,客户端浏览器或服务端程序都会根据这些信息进行处理.我们以<meta http-equiv="Content-Type" content="text/html:charset=UTF-8">为例子来说明:http类型:这个网页是表现内容用的content(内容类型):这个网页的格式是文本的charset(编码):这个网页的编码...
字符集＜meta charset=“UTF-8“ /＞
最新发布
m0_65696193的博客
07-15 259
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312。是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。则包含全世界所有国家需要用到的字符---相当于英文。简单中文 包括6763个汉字---汉语。BIG5 繁体中文 港澳台等用。
header("Content-type:text/html;charset=utf-8")含义
erlei2014的博客
09-18 1万+
有时在你会发现在.php 文件中写的汉字，在浏览器内浏览是乱码； 这有可能是你的php文件没有定义编码，如何在php文件内定义页面编码呢？ 可以用headr() 方法：具体语句如下： header("Content-type:text/html;charset=utf-8"); 这样你就可以指定你的页面是utf-8编码的了。
网站页面加了＜meta http-equiv=“Content-Type“ content=“text/html； charset=utf-8“ /＞中文乱码原因及解决方法
xiegr71的专栏
09-11 1516
今天弄网站的站内搜索，结果搜索站内的数字或者英文都正常，但是只是搜索中文出来的就是乱码，然后加上 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 问题依旧，然后在【HTML】里改成 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 却还是乱码。一通网上查询资料后，才找到解决的方法。 网上说用n
HTML <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />解析
u013189731的专栏
10-08 9963
html 解析     meta是html中的元标签，它包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。     此句的元信息分别是：     http类型：网页用来表现内容的；     content（内容类型）：指定网页的格式是文本的；     charset（编码）：指定网页的编码是utf-8。注意：指的是这个网页内容的编码，而不是文件本身。
标准HTML代码框架解析
weixin_47311182的博客
08-14 6198
HTML代码是网页的基础，任何Web编程框架或其它高级Web语言终将在浏览器中被解释为HTML基础代码。因此了解HTML基础代码结构及其原理是非常有必要的。
html+js实现简单的计算器代码(加减乘除)
01-19
meta http-equiv=Content-Type content=text/html; charset=utf-8 /> <title></title> </head> <body> <table> <tr> <td><input type=button value=add onclick=setOp('+', 'add');...
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">作用
凡夫俗子
10-13 3991
http-equiv="Content-Type"：http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。 当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" c...
weixin_30462049的博客
07-13 562
<meta name="keywords" content > 几乎所有的网页里，我们可以看到类似下面这段的html代码：＜head＞＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞＜/head＞ 也许你认为这些...
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">是什么意思？
热门推荐
mine_soul的博客
12-11 1万+
最近在阅读网页源码时遇到了一些问题，恰好借这个机会填补一些有关知识。 如阅读下面代码：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是一个测试网页</title> </head> <body> <!--.....--> </bod
header("Content-Type:text/html;charset=utf-8");
kxukai的博客
10-23 2191
header("Content-Type:text/html;charset=utf-8");
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />是什么
weixin_30242907的博客
05-31 242
meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。以lz的这句为例，其中的元信息分别是：http类型：这个网页是表现内容用的content（内容类型）：这个网页的格式是文本的charset（编码）：这个网页的编码是utf-8，需要注意的是这个是网页内容的编码，而不是文件本身的。编码不用说，content常见的还有xml等类型。 ...
content type:text/html charset utf 8,HTTP response with content-type
weixin_39579726的博客
06-23 518
...A parameter value that matches the token production can betransmitted either as a token or within a quoted-string. The quotedand unquoted values are equivalent. For example, the followingexamples...
Flutter 后台数据响应头 contentType:text/html； charset=utf-8 导致使用retrofit 自动生成代码无法解析json数据 解决方案
anroidyanyou的博客
07-20 1458
今天调试公司后台数据接口碰到json数据一直报 [ERROR:flutter/lib/ui/ui_dart_state.cc(199)] Unhandled Exception: DioError [DioErrorType.DEFAULT]: type 'String' is not a subtype of type 'Map<String, dynamic>' 经过debug调试发现后台响应头 返回的不是contentType: application/json; charset=ut
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
梦想_起航
03-23 307
当http-equiv是content-type的时候，浏览器会根据此来调用相应的字符集显示page内容[但有的浏览器好像会自动检测编码]   这里有个更详细的： http://hi.baidu.com/pingpingzi188/blog/item/907a64820f8292a60cf4d2ec.html/cmtid/bb560b7a95f205e32e73b3c7   META--...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
06-26
`<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />` 是HTML元标签，它定义了文档的字符编码。具体来说： - `http-equiv` 属性指定这是一个HTTP头部信息，这里的 "Content-Type" 指定了内容类型。 - `content` 属性设置了文档的实际字符编码，这里是 "text/html" 表示这是一个HTML文档，`charset=gb2312` 则指定了文档使用的字符集，GB2312是中国国家标准GB2312-80编码，用于显示简体中文字符。 这个标签通常放在HTML文档的 `<head>` 标签内，以便告诉浏览器文档的内容应该使用哪种字符集进行解析，以便正确显示中文字符。如果网页内容使用的是非UTF-8编码（如GB2312），浏览器会依据这个声明来正确地解释文本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值