14HTML元信息类标签——head里面能写哪几种标签？

1.元信息类标签

2.逐一介绍元信息标签

1.元信息类标签

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

2.逐一介绍元信息标签

2-1 head 标签

• 本身不携带任何信息，而是作为盛放其它语义类标签。
• 必须包含一个title。

2-2 title标签

表示文档的标题。

2-3 base 标签

是一个历史遗留标签，作用是给页面上所有的URL相对地址提供一个基础。

2-4 meta标签

• meta标签是一组兼职对，在head中可以出现任意多个meta。
• 一般的meta标签由name和content两个属性来定义。
• 基本用法如下：

  <meta name=application-name content="lsForums">

2-5 name 为 viewport 的 meta

虽然没有在HTML标准中定义，却作为移动端开发的事实标准。

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

所有属性如下：

• width:页面宽度，可以取具体数值或者device-width(跟设备宽度相等)
• height:页面高度，可以取具体数值或者device-height(跟设备高度相等)
• initial-scale：最小缩放比例
• maximum-scale：最大缩放比例
• user-scalable:是否允许用户缩放

做好移动端适配的标准meta：

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

2-5 具有charset 属性的 meta

<meta charset="UTF-8">

2-6 具有http-equiv属性的 meta

具有http-equiv属性的meta标签，表示执行一个命令，可以不需要name属性。

<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，声明内容安全策略。

2-7 其它预定义的 meta

• author: 页面作者。
• description：页面描述，这个属性可能被用于搜索引擎或者其它场合。
• generator: 生成页面所使用的工具，主要用于可视化编辑器，如果是手写 HTML 的网页，不需要加这个 meta。
• keywords: 页面关键字，对于 SEO 场景非常关键。
• referrer: 跳转策略，是一种安全考量。
• theme-color: 页面风格颜色，实际并不会影响页面，但是浏览器可能据此调整页面之外的 UI（如窗口边框或者 tab 的颜色）。