<meta>在HTML中位于<head></head>内。作用是提供页面的元数据,这些元数据不会展示在客户端,但是会被浏览器解析。meta不难,只是属性值多,因此用途广泛。看过官方文档等后写下如下总结,以便记忆,侵删。
主要作用:
- 搜索引擎(SEO)优化
- 定义页面使用语言
- 自动刷新页面
- 控制页面缓存
- 网页定级评价
- 控制页面显示的窗口
主要属性:
content
其值为文本,文本内容是描述网页的某些信息,具体内容则是由http-equiv或name决定的。用于定义与http-equiv或name属性相关的元数据。是必需的属性,但是始终要与name或http-equiv一起使用。
http-equiv
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
用于给HTTP设置文件头。是可选的属性。使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部下面举一些常用的属性:
//设置网页的过期时间
<meta http-equiv="expires" content="(time值)">
//禁止浏览器从本地缓存中访问页面
<meta http-equiv="Pragma" content="no-cache">
//设置自动刷新并跳转新页面(3代表了3秒后刷新跳转)
<meta http-equiv="Refresh" content="3;URL=http://www.baidu.com">
//设置cookie
<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=time值;path=/">
//强制当前窗口以独立页面显示
<meta http-equiv="Window-target" content="top">
//设置缓存方式(可以设置多种缓存方式)
<meta http-equiv="Cache-Control" content="no-cache">
//设置页面中的脚本类型
<meta http-equiv="Content-Script-Type" content="text/javascript">
//设置页面的语言
<meta http-equiv="Content-Language" content="">
//设置页面使用的字符集
<meta http-equiv="content-Type" content="text/html;charset=编码方式">
name
用于描述网页,决定了content的值,便于搜索引擎查找分类。是可选的属性。下面举一些常用的属性:
<meta name="keywords" content="前端">
<meta name="author" content="阮一峰">
<meta name="description" content="meta标签的作用是提供页面的元数据">
<meta name="robots" content="index,follow">
<!--
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow:页面上的链接不可以被查询。
-->
<meta name="viewport" content="">
<!--
content对应的参数:
width=device-width / 数值
height=device-height / 数值
initial-scale=数值 (初始缩放比例)
maximum-scale=数值 (最大缩放比例)
minimum-scale=数值 (最小缩放比例)
user-scalable=yes / no (是否允许用户缩放)
注意:若你的网站不是响应式的,不要禁用缩放,不要使用initial-scale
-->
//设置网站重访时间
<meta name="revisit-after" content="7day" />
//设置网站的版权信息
<meta name="COPYRIGHT" content="百度" />
//设置制作网站的软件
<meta name="generator" content="(软件名)" />
scheme
用于定义翻译content属性值的格式。是可选的属性。