标签定义及使用说明
meta是html语言head区的一个辅助性标签,位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。 META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。 元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
提示和注释
- 标签通常位于 区域内。
- 元数据通常以 名称/值 对出现。
- 如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
HTML 4.01 与 HTML5之间的差异
HTML5 不支持 scheme 属性。
在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:
- HTML 4.01: < meta http-equiv=“content-type” content=“text/html; charset=UTF-8” >
- HTML5: < meta charset=“UTF-8” >
meta各属性的值和描述
meta各属性值用法
charset
这个属性声明了文档的字符编码。如果使用了这个属性,其值必须是与ASCII大小写无关(ASCII case-insensitive)的"utf-8"。
<meta charset="UTF-8">
content
此属性包含http-equiv 或name 属性的值,具体取决于所使用的值。
http-equiv
属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因为所有允许的值都是特定HTTP头部的名称
refresh
这个属性指定:
- 如果 content 只包含一个正整数,则是重新载入页面的时间间隔(秒);
- 如果 content 包含一个正整数并且跟着一个字符串 ‘;url=’ 和一个合法的 URL,则是重定向到指定链接的时间间隔(秒)
<!--content值只有数字表示隔几秒刷新-->
<meta http-equiv="Refresh" content="3">
<!--content当数字后面接了一个合法的url时,则重定向到该页面-->
<meta http-equiv="Refresh" content="3; url='https://www.baidu.com/">
Content-Type
如果使用这个属性,其值必须是"text/html; charset=utf-8"。注意:该属性只能用于MIME type为 text/html 的文档,不能用于MIME类型为XML的文档。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
expires
用于网页缓存过期时间
- 加长缓存期,减少从服务器请求:时间必须使用GMT格式. 如果你想要一个GMT时间
<meta http-equiv="expires" content="Sunday 26 October 2020 03:00 GMT" />
- 禁止缓存
如果不想缓存,这样:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
pragma
于定义页面缓存
< meta http-equiv="cache-control" content="no-cache" >,
常见的取值有private、no-cache、max-age、must-revalidate等,默认为private,其作用根据不同的重新浏览方式分为以下几种情况:
1) 打开新窗口 值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。 而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如: Cache-control: max-age=5(表示当访问此网页后的5秒内再次访问不会去服务器)
2) 在地址栏回车 值为private或must-revalidate则只有第一次访问时会访问服务器,以后就不再访问。 值为no-cache,那么每次都会访问。 值为max-age,则在过期之前不会重复访问。
3) 按后退按扭 值为private、must-revalidate、max-age,则不会重访问, 值为no-cache,则每次都重复访问
4) 按刷新按扭 无论为何值,都会重复访问 Cache-control值为“no-cache”时,访问此页面不会在Internet临时文件夹留下页面备份。
,指定Expires值为一个早已过去的时间,那么访问此网时若重复在地址栏按回车,那么每次都会重复访问: Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如:禁止页面在IE中缓存 http响应消息头部设置: CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是个好东东,如果服务器上的网页经常变化,就把它设置为0,表示立即过期。 ### window-target 设置页面显示的窗口方式,设置content="_top"可以强制网页在当前窗口以独立页面显示,就能禁止自己页面被嵌套在其他网页当中! 值|描述 --|-- -top|表示页面以当前整个窗口显示 -blank|表示页面以新打开的窗口显示 -parent|表示页面以父容器或窗口显示,比如,框架嵌套 -self| 表示页面以当前容器或窗口显示,比如,框架嵌套
content-security-policy
它允许页面作者定义当前页的 内容策略。 内容策略主要指定允许的服务器源和脚本端点,这有助于防止跨站点脚本攻击。
链接:内容安全策略CSP(Content-Security-Policy)
Name
name 和 content 属性可以一起使用,以名-值对的方式给文档提供元数据,其中 name 作为元数据的名称,content 作为元数据的值。
referrer
控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容:
content可取值 | 描述 |
no-referrer | 不要发送 HTTP Referer 首部。 |
origin | 发送当前文档的 origin。 |
no-referrer-when-downgrade | 当目的地是先验安全的(https->https)则发送 origin 作为 referrer ,但是当目的地是较不安全的 (https->http)时则不发送 referrer 。这个是默认的行为。 |
origin-when-crossorigin | 在同源请求下,发送完整的URL (不含查询参数) ,其他情况下则仅发送当前文档的 origin。 |
unsafe-URL | 在同源请求下,发送完整的URL (不含查询参数)。 |
<meta name="referrer">
Description
定义页面描述
<meta name="Description" content="这里填写页面简略">
Keywords
包含与逗号分隔的页面内容相关的单词
<meta name="Keywords" content="自由,平等,博爱">
author
就是这个文档的作者名称,可以用自由的格式去定义;
<meta name="author" content="JiuMeilove">
viewport
它提供有关视口初始大小的提示,仅供移动设备使用。
值的内容为: < meta name=“viewport” >
Value | 可能值 | 描述 |
width | 一个正整数或者字符串 device-width 以pixels(像素)为单位, | 定义viewport(视口)的宽度。 |
height | 一个正整数或者字符串 device-height 以pixels(像素)为单位, | 定义viewport(视口)的高度。 |
initial-scale | 一个0.0 到10.0之间的正数 | 定义设备宽度(纵向模式下的设备宽度或横向模式下的设备高度)与视口大小之间的缩放比率。 |
maximum-scale | 一个0.0 到10.0之间的正数 | 定义缩放的最大值;它必须大于或等于minimum-scale的值,不然会导致不确定的行为发生。 |
minimum-scale | 一个0.0 到10.0之间的正数 | 定义缩放的最小值;它必须小于或等于maximum-scale的值,不然会导致不确定的行为发生。 |
user-scalable | 一个布尔值(yes 或者no) | 如果设置为 no,用户将不能放大或缩小网页。默认值为 yes。 |