meta

html 标记语言 head 区一个非常有用的一个辅助性标签，其主要用于给浏览器或者搜索引擎传递一些信息

其主要为 4 个标签 name、http-equiv content charset

1. name

name 和 content 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。 在标准元数据名称中查看 HTML 规范等规范中定义的标准元数据名称。

<!-- 设备的视窗 ： 在移动设备浏览器上，禁用缩放（zooming）功能，用户只能滚动屏幕-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!-- 页面的描述信息： 告诉搜索引擎，当前页面的主要内容是  -->
<meta name="description" content="" />
<!-- 页面的关键词：告诉搜索引擎，当前页面的关键字  -->
<meta name="keywords" content="" />
<!-- 页面的网站作者：告诉搜索引擎，标注网站作者是谁  -->
<meta name="author" content="" />
<!-- 页面的版权信息：标注网站的版权信息  -->
<meta name="copyright" content="" />

2. http-equiv

属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因为所有允许的值都是特定 HTTP 头部的名称，如下：

<!-- 如果网页过期，那么存盘的cookie将被删除。必须使用GMT的时间格式 -->
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/" />
<!-- 网页的缓存时间，一旦网页过期，必须到服务器上重新传输 -->
<meta http-equiv="expires" content="时间" />
<!-- 告诉浏览器在【数字】秒后跳转到【一个网址】 -->
<meta http-equiv="Refresh" content="5;URL" />
<!-- 设定页面使用的字符集 -->
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<!-- 禁止浏览器从本地计算机的缓存中访问页面内容。访问者将无法脱机浏览。 -->
<meta http-equiv="Pragma" content="no-cache" />
<!-- 用来防止别人在iframe(框架)里调用自己的页面，这也算是一个非常实用的属性 -->
<meta http-equiv="Window-target" content="_top" />
<!-- 强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果是ie浏览器就用最新的ie渲染，如果是双核浏览器就用chrome内核。  -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

作用

1. 页面自身的定时刷新，定时重定向

<!-- 告诉浏览器在5秒后刷新页面 -->
<meta http-equiv="Refresh" content="5" />

• 404 页面 5 秒后自动跳转到首页

<!-- 告诉浏览器在5秒后跳转到//xxxx.com/页面 -->
<meta http-equiv="Refresh" content="5;URL=//xxxx.com/" />

2. 页面安全

<!-- 用来防止别人在iframe(框架)里调用自己的页面，这也算是一个非常实用的属性 -->
<meta http-equiv="Window-target" content="_top" />