持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情
HTML标签中，有一类标签是HTML用于描述文档自身的一类标签，通常出现在head标签中，一般不会在页面上展示出来，这类标签就是元信息类标签。
head标签
head标签是HTML标签的第一个标签，本身不携带任何信息，作为其他标签的容器
title标签
文档标题，描述整个页面内容，常见的添加页面到收藏夹时展示的名称就是添加页面title的值
meta标签
head中可以出现任意多个meta标签，meta标签是一组键值对来表示元信息，一般meta标签有两个属性：name和content
特殊的meta标签：
（1）从HTML5开始，meta标签新增了charset属性，可以不用声明name和content。
<meta charset="UTF-8">
（2）http-equiv属性的meta标签
使用http-equiv属性的meta是执行了一个命令
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
http-equiv的内容是具体命令，content中的内容是命令的内容，上面这个标签新增了content-type头部，并且指定了编码方式为UTF-8
除了设置content-type，还可以设置
set-cookie，模拟http头set cookie可以设置cookie
x-ua-compatible模拟http头x-ua-compatible，声明ua兼容性
等等
（3）name为viewport的meta
移动端开发的事实标准：name为viewport的meta，content是一个复杂结构，用逗号分隔的键值对
content结构中的属性：
width：页面宽度，可以是具体数字，也可以是device-width，表示设备宽度
height：页面高度，可以是具体数字，也可以是device-height，表示设备高度
initial-scale：初始缩放比例
minium-scale：最小缩放比例
maximum-scale：最大缩放比
user-scalable：是否允许用户缩放
对于已经做好移动端适配的页面的页面meta一般是
<meta name="viewport" content="width=device-width,initial-scale=1,minium-scale=1,maximum-scale=1,user-scalable=no">
(4)name为author
content内容为页面作者
（5）name为keywords
content内容为页面关键字，多应用在SEO场景
（6）name为reffer
content为跳转策略
(7)name为theme-color
content为页面的主题色
（8）name为description
content为页面描述
style标签
内联样式
link标签
链接
总结
元信息类标签经常被忽略，在浏览各类页面后发现每个公司的meta标签各有特色，也许其中有一些功能可以被替代，还是有了解的必要。
