元信息标签

所谓元信息，是指描述自身的信息，元信息类标签，就是 HTML 用于描述文档自身的一类标签，它们通常出现在 head 标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）。

head 标签

title 标签

base 标签 不建议使用

meta 标签

<meta charset="UTF-8" >

<meta name="viewport" content="width=500, initial-scale=1">

<meta charset="UTF-8" >

<meta name="viewport" content="width=500, initial-scale=1">

viewport

width：页面宽度，可以取值具体的数字，也可以是 device-width，表示跟设备宽度相等。

height：页面高度，可以取值具体的数字，也可以是 device-height，表示跟设备高度相等。 initial-scale：初始缩放比例。 minimum-scale：最小缩放比例。 maximum-scale：最大缩放比例。 user-scalable：是否允许用户缩放。

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

其它预定义的 meta

在 HTML 标准中，还定义了一批 meta 标签的 name，可以视为一种有约定的 meta，我在这里列出来，你可以简单了解一下。

application-name：如果页面是 Web application，用这个标签表示应用名称。 author: 页面作者。 description：页面描述，这个属性可能被用于搜索引擎或者其它场合。 generator: 生成页面所使用的工具，主要用于可视化编辑器，如果是手写 HTML 的网页，不需要加这个 meta。

keywords: 页面关键字，对于 SEO 场景非常关键。 referrer: 跳转策略，是一种安全考量。 theme-color: 页面风格颜色，实际并不会影响页面，但是浏览器可能据此调整页面之外的 UI（如窗口边框或者 tab 的颜色）。