标签定义及使用说明

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各属性的值和描述

标准的HTML5 meta设置 html5 meta标签_HTTP

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

用于网页缓存过期时间

  1. 加长缓存期,减少从服务器请求:时间必须使用GMT格式. 如果你想要一个GMT时间
<meta http-equiv="expires" content="Sunday 26 October 2020 03:00 GMT" />
  1. 禁止缓存

如果不想缓存,这样:

<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。