作为前端，你必须要知道的meta标签知识

前言
一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。

前几天面试baidu的时候，面试官问：你都知道什么meta标签？用处是什么？尽可能多的说出来。我：嗯…… 嗯…… 我一般都自动生成… 面试官：……

后来俺找资料好好学了下，再看了taobao和头条的网页才知道：meta标签用处可大得很呐！今天就来浅浅总结一下。

顺便感叹一下字节这块适配做的是真的蛮好

概览
meta标签一般放在整个html页面的head部分，在MDN中对他这样定义：

meta是文档级元数据元素，用来表示那些不能由其它 HTML 元相关元素（<base>、<link>, <script>、<style>或 <title>）之一表示的任何元数据。

是不是感觉看起来很抽象？说白了就是为了传达信息。

先看看meta 元素定义的元数据的类型：

如果设置了 name属性，meta 元素提供的是文档级别的元数据，应用于整个页面。
如果设置了 http-equiv属性，meta 元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。
如果设置了 charset属性，meta 元素是一个字符集声明，告诉文档使用哪种字符编码。
————————————————
版权声明：本文为CSDN博主「m0_68335176」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_68335176/article/details/124366005