1、什么是meta标签
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。
2、meta使用中需要注意的
-
<meta>标签永远位于head元素内部。 - 元数据总是以名称/值的形式被成对传递的。
- 在HTML中，
<meta>标签没有结束标签。
3、meta标签实际开发中用到的属性
meta标签支持HTML中的全局属性
3.1、charset属性
这个属性声明了文档的字符编码。
3.2、content属性
MDN中是这样介绍content属性的，“此属性包含http-equiv或name属性的值，具体取决于所使用的值”，换句话说，“content属性提供了名称/值对中的值。该值可以是任何有效的字符串。content属性始终要和name属性或http-equiv属性一起使用”。
3.3、name属性
name和content属性可以一起使用，以名-值对的方式给文档提供元数据，其中name作为元数据的名称，content作为元数据的值。
name在实际开发中用到的属性值有：description、keywords等
4、属性在不同浏览器中的兼容性
5、meta标签实际应用场景
字符集
字符集(Character set)是多个字符的集合。
计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
1.gb2312简单中文,包括6763个汉字GUO BIAO
2.BIG5繁体中文,港澳台等用
3.GBK包含全部中文字符,是GB2312的扩展，加入对繁体字的支持，兼容GB2312
4.UTF-8则基本包含全世界所有国家需要用到的字符
<meta charset="UTF-8" />
Description网站说明
对于关键词的作用明显降低，但由于很多搜索引擎，仍然大量采用网页的META标签中描述部分作为搜索结果的“内容摘要”。 就是简要说明我们网站的主要做什么的。
我们提倡，Description作为网站的总体业务和主题概括，多采用“我们是…”“我们提供…”“×××网作为…”“电话：010…”之类语句。
<meta name="description" content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
注意点：
- 描述中出现关键词，与正文内容相关，这部分内容是给人看的，所以要写的很详细，让人感兴趣，吸引用户点击。
- 同样遵循简短原则，字符数含空格在内不要超过120个汉字。
- 补充在title和keywords中未能充分表述的说明。
- 用英文逗号关键词1,关键词2
Keywords关键字
Keywords是页面关键词，是搜索引擎关注点之一。Keywords应该限制在6～8个关键词左右，电商类网站可以多少许。
小米官网
<meta name="keywords" content="Xiaomi,redmi,Xiaomi11 Ultra,Redmi Note 9,Xiaomi MIX Alpha,小米商城" />
微信扫描二维码，关注前端老L