html 元信息标签

head标签：元信息的容器

title标签：文档的标题

base 标签：页面的基准 URL（不推荐使用）

meta 标签 ：元信息通用标签 一般的 meta 标签由 name 和 content 两个属性来定义。name 表示元信息的名，content 则用于表示元信息的值。

        HTML5 开始，为了简化写法，meta 标签新增了 charset 属性（页面编码）。添加了 charset 属性的 meta 标签无需再有 name 和 content

        具有 http-equiv 属性（命令）的 meta

        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

除了 content-type，还有以下几种命令：content-language 指定内容的语言；default-style 指定默认样式表；refresh 刷新；set-cookie 模拟 http 头 set-cookie，设置 cookie；x-ua-compatible 模拟 http 头 x-ua-compatible，声明 ua 兼容性；content-security-policy 模拟 http 头 content-security-policy，声明内容安全策略。

        name 为 viewport 的 meta

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

全部属性如下：

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

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

initial-scale：初始缩放比例。

minimum-scale：最小缩放比例。

maximum-scale：最大缩放比例。

user-scalable：是否允许用户缩放。

 此文章为3月Day27学习笔记，内容来源于极客时间《重学前端》，推荐该课程。