html meat标签这段的作用？_随笔

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：

＜head＞

＜meta

http-equiv="content-Type"

content="text/html

charset=gb2312"＞

＜/head＞

也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。

meta标签的组成

meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

满意请采纳。

首先要明白，

是设置网页文件展示时使用的字符集（编码），那其实除了网页文件展示时有编码以外，网页文件本身还有编码。必须两者统一时才不会乱码。

举个例子（此处用Notepad++为例）：

创建一个html文件，用Notepad++打开，先把文档结构写好

test.html代码如下：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

写到这儿之后，改变Notepad++的编码，改为GB2312，如下图

改好之后再修改test.html文件，修改之后的代码如下：

<!DOCTYPE html>

<html>

<head>

<title>字符编码测试</title>

</head>

<body>

</body>

</html>

用浏览器查看test.html,效果如下图

乱码了对吧？尝试修改网页显示的字符编码，将<meta charset="UTF-8">修改为和Notepad++一致的GB2312

再次查看网页效果

这回正确了。

所以你将网页的显示字符集改为UTF-8说明你的编辑器可能采用的时其他字符集，你需要检查一下。

注意：

浏览器也可以设置字符集，不统一也可能导致乱码

一般建议统一使用UTF-8

使用UTF-8你乱码你需要检查到底时哪一步出了错误，是编辑器还是浏览器。

如果说网页时服务器生成的还需要将服务器的编码一并考虑进去

欢迎分享，转载请注明来源：内存溢出

html meat标签这段的作用？