<meta>在HTML中位于<head></head>内。作用是提供页面的元数据,这些元数据不会展示在客户端,但是会被浏览器解析。meta不难,只是属性值多,因此用途广泛。看过官方文档等后写下如下总结,以便记忆,侵删。
主要作用:
搜索引擎(SEO)优化定义页面使用语言自动刷新页面控制页面缓存网页定级评价控制页面显示的窗口主要属性:
其值为文本,文本内容是描述网页的某些信息,具体内容则是由http-equiv或name决定的。用于定义与http-equiv或name属性相关的元数据。是必需的属性,但是始终要与name或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=编码方式">用于描述网页,决定了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="(软件名)" /> 移动端meta,这篇很详细:http://fex.baidu.com/blog/2014/10/html-head-tags/?qq-pf-to=pcqq.c2c用于定义翻译content属性值的格式。是可选的属性。