meta标签下http-equiv 属性详解

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

语法格式：

<meta http-equiv="参数" content="参数变量值">

1、属性概览

属性值	说明
Expires (期限)	可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输
Pragma (cache模式)	是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出
Refresh(刷新)	自动刷新并指向新页面
Set-Cookie(cookie设定)	如果网页过期，那么存盘的cookie将被删除。
Window-target(显示窗口的设定)	强制页面在当前窗口以独立页面显示。
content-Type(显示字符集的设定)	设定页面使用的字符集
Pics-label(网页等级评定)	在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。
Page_Enter	进入页面的特殊效果
Page_Exit	离开页面的特殊效果

2、Expires(期限)

  <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">

可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。必须使用GMT的时间格式。

3、Pragma(cache模式)

  <meta http-equiv="Pragma" content="no-cache">

是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出。注意：这样设定，访问者将无法脱机浏览。

4、Refresh(刷新)

  <meta http-equiv="Refresh" content="2；URL=http://www.net.cn/">

自动刷新并指向新页面，其中的2是指停留2秒钟后自动刷新到URL网址。

5、Set-Cookie(cookie设定)

  <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/">

如果网页过期，那么存盘的cookie将被删除。必须使用GMT的时间格式。

6、content-Type(显示字符集的设定)

  <meta http-equiv="content-Type" content="text/html; charset=gb2312">

设定页面使用的字符集。

7、Pics-label(网页等级评定)

  <meta http-equiv="Pics-label" contect="">

在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。

8、Page_Enter、Page_Exit(进入、离开页面的效果)

  <meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=12)"> <meta http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=  12)">

Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

属性值	效果
0	盒状收缩
1	盒状放射
2	圆形收缩
3	圆形放射
4	由下往上
5	由上往下
6	从左至右
7	从右至左
8	垂直百叶窗
9	水平百叶窗
10	水平格状百叶窗
11	垂直格状百叶窗
12	随意溶解
13	从左右两端向中间展开
14	从中间向左右两端展开
15	从上下两端向中间展开
16	从中间向上下两端展开
17	从右上角向左下角展开
18	从右下角向左上角展开
19	从左上角向右下角展开
20	从左下角向右上角展开
21	水平线状展开
22	垂直线状展开
23	随机产生一种过渡方式

9、清除缓存（再访问这个网站要重新下载）

    <meta http-equiv="cache-control" content="no-cache">

10、设定网页的到期时间

    <meta http-equiv="expires" content="0">

11、关键字,给搜索引擎用的

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

12、页面描述

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

meta标签下http-equiv 属性详解相关推荐

HTML embed标签使用方法和属性详解
HTML embed标签使用方法和属性详解一.基本语法代码如下: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等,Ne ...
[暑假]＜script＞标签中的type属性详解
type属性是必须写的属性吗? 不写的情况: <script>标签中的type属性不是必须写的属性, 因为按照惯例,这个值始终都是"text/javascript", ...
CSS3animation属性详解（三）
CSS3animation属性详解(三) animation-direction animation-direction属性检索或设置对象动画在循环中是否反向运动语法 animation-dire ...
Meta http-equiv属性详解
Meta http-equiv属性详解博客分类: Web综合 HTML浏览器IECache搜索引擎 http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
html frameset 属性,html frameset标签怎么用？html frameset标签属性详解
html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例) ...
html5中preload是什么意思,html的video标签的preload属性详解
--------------------------------------------------------- Ta 只分享的内容开始 ------------------------------ ...
php中li标签,li标签有哪些属性？css中li标签的属性详解
在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...
audio标签的controls属性_HTML5教程 audio标签属性详解
本篇教程探讨了HTML5教程 audio标签属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < src:String型,所播放音频的 url. auto ...
Vue项目使用symbol的方式引入svg图标和svg path大法d属性详解，section标签
symbol标签 svg path大法d属性详解 section标签

meta标签下http-equiv 属性详解

1、属性概览

2、Expires(期限)

3、Pragma(cache模式)

4、Refresh(刷新)

5、Set-Cookie(cookie设定)

6、content-Type(显示字符集的设定)

7、Pics-label(网页等级评定)

8、Page_Enter、Page_Exit(进入、离开页面的效果)

9、清除缓存（再访问这个网站要重新下载）

10、设定网页的到期时间

11、关键字,给搜索引擎用的

12、页面描述

meta标签下http-equiv 属性详解相关推荐

最新文章

热门文章