meta标签应用整理

<meta>标签

name=“referrer”

该属性定义文档级元数据的名称。如果以下其中一个属性设置了itemprop, http-equiv or charset ，就不能在设置这个属性了。

• author，就是这个文档的作者名称，可以用自由的格式去定义；
• description，其中包含页面内容的简短和精确的描述。 一些浏览器，如Firefox和Opera，将其用作书签页面的默认描述。
• keywords, 包含与逗号分隔的页面内容相关的单词。
• application-name，定义正运行在该网页上的网络应用名称；
• generator, 包含生成页面的软件的标识符。
• referrer 控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容：

http-equiv=“refresh”

 <meta http-equiv="refresh" content="5;url=https://www.baidu.com">

这个属性指定:

• 如果content 只包含一个正整数,则是重新载入页面的时间间隔(秒);

• 如果content 包含一个正整数并且跟着一个字符串,则是重定向到指定链接的时间间隔(秒)

• <script>   
      // 以下方式直接跳转  
      window.location.href = 'https://www.baidu.com/';
      // 五秒以后再跳转
      setTimeout("javascript:location.href='https://www.baidu.com'", 5000);   
  </script>
  

name=“viewport”

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。