html入门——html标签中的 meta charset=&quot;utf-8&quot;

最新推荐文章于 2025-06-02 09:38:56 发布

原创最新推荐文章于 2025-06-02 09:38:56 发布 · 2.6k 阅读

3 ·

CC 4.0 BY-SA版权

本文主要介绍了HTML中的元标签<meta>的作用及其使用方法，重点解释了charset属性的含义，包括gb2312、gbk、unicode及utf-8等不同字符编码的区别，并给出了正确的放置位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html标签中的<meta charset="utf-8">

1.大意：告知浏览器此页面属于什么字符编码格式（下一步浏览器做好翻译工作）

2.各个字符编码含义：

gb2312：按中国的编码

gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。

unicode：万国码。 **utf-8：**unicode的升级版。

     3.放置位置：<title>标题</title>这个一定要放在<meta charset=gb2312>这个后面。其他的前面或后面也不是很重要

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

喵阿酱

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML--后台管理系统

Juunnry的博客

10-23

2万+

后台管理系统 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&gt;后台管理&amp;lt;/title&gt; &amp;lt;/head&gt; &amp;lt;frameset rows=&quot;150,*&quot; &amp;gt;

Bootstrap网格系统

实践求真知

01-21

256

一实现原理 1 代码 &amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&gt;实现原理&amp;lt;/title&gt; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn

参与评论您还未登录，请先登录后发表或查看评论

html的meta标签的charset应该用UTF-8还是utf-8?

weixin_34111819的博客

09-27

1929

　　之前我也纠结过写html的时候是用<meta charset="UTF-8"/>或者是<meta charset="utf-8"/> 　　关于这个问题国外网友有讨论过这个问题https://stackoverflow.com/questions/10888929/should-html-meta-charset-be-lowercase-or-uppercase...

html标签中的<meta charset="utf-8">是什么鬼？

热门推荐

滕安超的博客

11-23

5万+

首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版（增加了繁体，包

HTML 元数据与字符编码：深入解析＜meta charset=“UTF-8“＞标签的工作原理

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

06-02

1418

通过对这一行简单代码的深入分析，我们可以看到现代 Web 技术中字符编码处理的复杂性和重要性。这个看似简单的标签实际上是连接人类语言多样性与计算机二进制世界的重要桥梁，确保了全球用户都能正确查看网页内容，无论其使用何种语言。在国际化的 Web 开发中，正确理解和应用字符编码知识不仅能解决常见的乱码问题，还能提升网站的性能、兼容性和安全性，是每位前端开发者必须掌握的基础知识。

HTML系列 -＞＜meta charset=“utf-8“＞

weixin_51341142的博客

02-04

3588

meta>标签可以定义文档的各种元数据，提供各种文档信息，可以理解为提供了关于网站的各种信息。例如：针对搜索引擎和更新频度的描述和关键词，再比如，加入meta描述，方便用户去阅读，同时可以在搜索结果中增加点击率。1>默认值为default（白色），可以定义为black（黑色）和black-translucent（灰色半透明）。标签是网页代码中区的一个关键标签，所提供的信息用户不可见，但是文档中最基本的元信息。charset是标签的一个属性，是用来定义文档的字符编码。

html标签中的meta charset=“utf-8“

qq_34639706的博客

11-09

7861

charset是规定HTML文档的字符编码； charset=gb2312不能用繁体字，而charset=utf-8可以用繁体首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版

html标签中的＜meta charset=“utf-8“＞是什么鬼？

Harley567

01-31

5607

html标签中的是什么鬼？

<?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <HTML><HEAD><meta content=&quot;IE=5.0000&quot; = http-equiv=&quot;X-UA-Compatible&quot;/> <TITLE>Trioptics Certificate</TITLE> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; = charset=windows-1252&quot;/><link href=&quot;file:///C:/Program%20Files/Trioptics%20GmbH/MTF-LAB%205/Certifica= tes/certificate.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/> <meta name=&quot;GENERATOR&quot; content=&quot;MSHTML 11.00.9600.18538&quot;/></HEAD> <BODY class=&quot;CBodyCert&quot; id=&quot;IBodyCert&quot;> <TABLE align=&quot;left&quot; class=&quot;CTableCert&quot; id=&quot;ITableCert&quot;> <TBODY> <TR class=&quot;CTRHeader&quot; id=&quot;ITRCompany&quot;> <TD class=&quot;CTDHeader&quot; id=&quot;ITDCompany&quot;> <DIV class=&quot;CDivHeader&quot; id=&quot;IDivCompany&quot;>ImageMaster - Certificate</DIV></TD> <TD class=&quot;CTDHeader&quot; id=&quot;ITDLogo&quot;><img class=&quot;CTDHeader&quot; = id=&quot;ITDLogo&quot; = src=&quot;file:///C:/Program%20Files/Trioptics%20GmbH/MTF-LAB%205/Certificat= es/img/Trioptics-Logo-250x65.png&quot;/> </TD></TR> <TR class=&quot;CTRHeader&quot; id=&quot;ITDSlogan&quot;> <TD class=&quot;CTDHeader&quot; id=&quot;ITDSlogan&quot; colspan=&quot;2&quot;></TD></TR> <TR> <TD colspan=&quot;2&quot;> <PRE>Company : Sunex = Operator : TH = Time/Date : 20:29:14 June 14, 2025 = Sample ID : 0 = Measure Program : 3D Tilt Corrected Through Focus = Temperature : 20°C = Measured with : <A href=&quot;http://www.trioptics.com/&quot;>TRIOPTICS</A> - = MTF-LAB - Vers. 5.13.2 = Instrument S/N : 09-113-0259 = Comments : AMT5 = </PRE></TD></TR> <TR>// 修复HTML文档使其符合XML规范： QString TriopticsParser::preprocessHtmlForXml(const QString &amp; html) { QString result = html; // 1. 修复字符集声明 result.replace(&quot;charset=\n=iso-8859-1&quot;, &quot;charset=\&quot;iso-8859-1\&quot;&quot;); // 2. 转义URL中的&amp;符号 result.replace(QRegularExpression(&quot;href=\&quot;([^\&quot;]*?)(?<!&amp;|<|>|&amp;apos;|&quot;)&amp;([^\&quot;]*?)\&quot;&quot;), &quot;href=\&quot;\\1&\\2\&quot;&quot;); // 3. 修复自闭合标签 QStringList selfClosingTags = { &quot;img&quot;, &quot;br&quot;, &quot;hr&quot;, &quot;meta&quot;, &quot;link&quot; }; for (const QString& tag : selfClosingTags) { // 处理有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\b([^>]*)>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1\\1/>&quot;).arg(tag)); // 处理没有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\s*>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1/>&quot;).arg(tag)); } // 4. 移除无效的</link>结束标签 result.replace(&quot;</link>&quot;, &quot;&quot;); // 5. 添加XML声明 if (!result.contains(&quot;<?xml&quot;)) { result.prepend(&quot;<?xml version=\&quot;1.0\&quot; encoding=\&quot;ISO-8859-1\&quot;?>\n&quot;); } return result; }

07-06

&quot;charset=\&quot;utf-8\&quot;&quot;); } // 转义URL中的特殊字符 static void escapeUrlSpecialCharacters(QString& html) { // 转义URL中的&amp;符号（但不转义已经转义的实体） QRegularExpression regex(R&quot;((href|src)\s*=\s...

// 修复HTML文档使其符合XML规范： QString TriopticsParser::preprocessHtmlForXml(const QString &amp; html) { QString result = html; // 将所有标签都统一小写，请完善 // 移除<html>标签卡面的申明<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> int index = result.indexOf(&quot;<html>&quot;); result = result.remove(0, index); // 1. 修复字符集声明 result.replace(&quot;charset=\n=iso-8859-1&quot;, &quot;charset=\&quot;iso-8859-1\&quot;&quot;); // 2. 转义URL中的&amp;符号 result.replace(QRegularExpression(&quot;href=\&quot;([^\&quot;]*?)(?<!&amp;|<|>|&amp;apos;|&quot;)&amp;([^\&quot;]*?)\&quot;&quot;), &quot;href=\&quot;\\1&\\2\&quot;&quot;); // 3. 修复自闭合标签 QStringList selfClosingTags = { &quot;img&quot;, &quot;br&quot;, &quot;hr&quot;, &quot;meta&quot;, &quot;link&quot; }; for (const QString& tag : selfClosingTags) { // 处理有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\b([^>]*)>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1\\1/>&quot;).arg(tag)); // 处理没有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\s*>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1/>&quot;).arg(tag)); } // 4. 移除无效的</link>结束标签 result.replace(&quot;</link>&quot;, &quot;&quot;); // 5. 添加XML声明 if (!result.contains(&quot;<?xml&quot;)) { result.prepend(&quot;<?xml version=\&quot;1.0\&quot; encoding=\&quot;ISO-8859-1\&quot;?>\n&quot;); } return result; }

07-06

注意：由于第一步已经将标签名小写，所以原代码中自闭合标签的修复步骤中，标签列表（selfClosingTags）中的标签名应该都是小写，并且正则表达式不再需要大小写不敏感选项。因此，我们修改原代码中自闭合标签...

// 修复HTML文档使其符合XML规范： QString TriopticsParser::preprocessHtmlForXml(const QString &amp; html) { QString result = html; int pos = 0; QRegularExpressionMatch match; while ((pos = result.indexOf(tagRegex, pos, &amp;match)) != -1) { QString fullTag = match.captured(0).toLower(); QString slash = match.captured(1).toLower(); QString tagName = match.captured(2).toLower(); // 转换为小写 QString attributes = match.captured(3).toLower(); QString newTag = &quot;<&quot; + slash + tagName + attributes + &quot;>&quot;; result.replace(pos, fullTag.length(), newTag); pos += newTag.length(); } // 移除<html>标签前面的申明<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> int index = result.indexOf(&quot;<html>&quot;); result = result.remove(0, index); // 1. 修复字符集声明 result.replace(&quot;charset=\n=iso-8859-1&quot;, &quot;charset=\&quot;iso-8859-1\&quot;&quot;); // 2. 转义URL中的&amp;符号 result.replace(QRegularExpression(&quot;href=\&quot;([^\&quot;]*?)(?<!&amp;|<|>|&amp;apos;|&quot;)&amp;([^\&quot;]*?)\&quot;&quot;), &quot;href=\&quot;\\1&\\2\&quot;&quot;); // 3. 修复自闭合标签 QStringList selfClosingTags = { &quot;img&quot;, &quot;br&quot;, &quot;hr&quot;, &quot;meta&quot;, &quot;link&quot; }; for (const QString& tag : selfClosingTags) { // 处理有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\b([^>]*)>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1\\1/>&quot;).arg(tag)); // 处理没有属性的标签 result.replace(QRegularExpression(QString(&quot;<%1\\s*>&quot;).arg(tag), QRegularExpression::CaseInsensitiveOption), QString(&quot;<%1/>&quot;).arg(tag)); } // 4. 移除无效的</link>结束标签 result.replace(&quot;</link>&quot;, &quot;&quot;); // 5. 添加XML声明 if (!result.contains(&quot;<?xml&quot;)) { result.prepend(&quot;<?xml version=\&quot;1.0\&quot; encoding=\&quot;ISO-8859-1\&quot;?>\n&quot;); } return result; }优化速率

最新发布

07-18

- 预编译所有正则表达式：特别是循环中使用的`tagRegex`和步骤4中的正则表达式，以及步骤5中的两个正则表达式（每个自闭合标签有两个正则表达式，共5个标签，即10个正则表达式）。这些正则表达式可以在函数外部定义...

meta charset=“UTF-8“字符集、空白折叠现象、多行文字省略号

weixin_50821119的博客

12-25

1456

设置文件的编码格式为UTF-8 常见的编码格式： gb2312 只包含简体和一些特殊字符 gbk 包含简体与繁体，还有古汉语文字，还有日本片假名特殊字符。 **UTF-8 几乎包含所有人类语言。** gb2312与uft-8 比较 uft-8 更臃肿，**加载更慢** gb2312 更小巧，加载速度更快 **同样显示5000个汉字，uft-8会比gb2312多5kb。** 假如：你们公司做中文网页，追求网页的加载速度，要使用gb

在 HTML 中声明 UTF-8 编码方式

科大云炬

05-24

4792

属性指定了编码方式为 UTF-8。这样浏览器就会按照 UTF-8 的方式解析网页内容，确保网页中的中文、特殊字符等能够正确显示。

字符集＜meta charset=“UTF-8“ /＞

m0_65696193的博客

07-15

1193

GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312。是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。则包含全世界所有国家需要用到的字符---相当于英文。简单中文包括6763个汉字---汉语。BIG5 繁体中文港澳台等用。

HTML基础：META标签设置了utf-8还是乱码的问题

qq_37560105的博客

05-11

6152

今天开始学着写了一个简单的HTML，出现了乱码问题，代码如下，已经声明了文字格式为utf-8,那么问题在哪里呢？后来百度了一下，有两个解决方案：一个是：将utf-8 改为 gb2312; 或者是：把记事本点击另存为，在保存的时候选择编码为 utf-8。然后保存。代码不需要变动，charset=utf-8 也不变。 hello ;charset=utf

html设置＜meta charset=“utf-8“/＞后网页还是出现乱码问题

qq_33250133的博客

12-21

5500

大家都知道对于中文网页如果不设置编码为utf-8，在某些浏览器中是会有乱码的(比如360等，google浏览器是不会的)，所以建议还是设置下编码格式。但是有时候设置了编码为utf-8的话还是有乱码，这时候可能是。打开之后发现是乱码(使用的是window默认的Edge浏览器，google浏览器也是一样)，文件的meta虽然设置成了UTF-8，但是文件本身是ANSI编码，meta编码与文件编码不一致，当然出现乱码。1.打开nodepad++ 设置meta编码为UTF-8，敲上一些中文。

meta charset 与 response header 的charset

ISaiSai的专栏

09-21

1289

response header 的charset 是主，如果设置优先使用response header 中的charset meta charset 是次，在没有 response header 的charset 时候有效参考文档 http://stackoverflow.com/questions/9417024/response-header-vs-meta-tag

jsp自适应设备屏幕

sinat_29571715的博客

07-13

2231

在header中加入以下标签： width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放

html入门——html标签中的 meta charset=&amp;quot;utf-8&amp;quot;

html标签中的<meta charset="utf-8">

html入门——html标签中的 meta charset="utf-8"