1. 引子

其实meta还挺好玩，它的意思是超越，元宇宙英文Metaverse，就是meta(超越)+universe(宇宙)的结合。

所以美国的facebook把公司名都改为meta了。

但是在网页中，它没这么神，只是用来给整个网页提供一些配置信息。

2. 常见用法

可以设置网页的编码方式：

html">  <meta charset="UTF-8">

可以设置网页的关键词，便于搜索引擎收录：

html">  <meta name="keywords" content="程序员,大阳,博客,HTML">

可以设置网页的作者信息：

html">  <meta name="author" content="程序员大阳">

可以设置网页的描述信息:

html">  <meta name="description" content="程序员大阳的技术博客，欢迎浏览">

还有一个比较常见的用法，就是设置网页的视点信息

html"><meta name="viewport" content="width=device-width, initial-scale=1.0;">

上面代码的意思是：将网页的宽度(width)设置为设备宽度(device-width)，并设置初始缩放比例为1.0。

感兴趣的话，可以修改下初始缩放比例。这个主要是为了兼容移动端浏览器使用的设置。

3. 小结

meta有时候并不影响网页的使用，但是用上他更好，特别是涉及比较特殊的使用场景（例如手机、平板）。