meta 标签有哪些常见的值?
题干
- meta 标签
题解
meta 标签由 name 和 content 属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等,除了 HTTP 标准固定了一些 name 作为大家使用的共识,开发者还可以自定义 name。
常用的 meta 标签有:
charset,用来描述HTML文档的编码类型:
HTML
<meta charset="UTF-8" >1
keywords,页面关键词:
HTML
<meta name="keywords" content="关键词" />1
description,页面描述:
HTML
<meta name="description" content="页面描述内容" />1
refresh,页面重定向和刷新:
HTML
<meta http-equiv="refresh" content="0;url=" />1
viewport,适配移动端,可以控制视口的大小和比例:
HTML
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">1
使用 viewport 适配移动端时,content 参数有以下几种:
- width:控制视口的宽度,可以是一个具体的像素值,也可以是
device-width,表示设备的宽度。 - height:控制视口的高度,可以是一个具体的像素值,也可以是
device-height,表示设备的高度。 - initial-scale:控制页面初始加载时的缩放比例,可以是一个 0.1 到 10 之间的数字。
- minimum-scale:控制页面允许缩小的最小比例,可以是一个 0.1 到 10 之间的数字。
- maximum-scale:控制页面允许放大的最大比例,可以是一个 0.1 到 10 之间的数字。
- user-scalable:控制用户是否可以通过手势来缩放页面,可以是 yes 或 no。

