2.4　refresh重定向

本节介绍refresh重定向的概念及用法，其在HTML网页中有着非常特殊的作用。

2.4.1　基本概念

HTML网页中的refresh用于对页面进行刷新与跳转（重定向）操作，其在http-equiv属性中进行定义，使用content属性表示刷新或跳转的开始时间与跳转的网址。

2.4.2　使用方法

下面是一个使用refresh进行重定向操作的HTML 5示例代码（详见源代码ch02/ch02-html-head-refresh.html文件）。

【代码2-3】

【代码解析】

与【代码2-2】类似，不同之处是第11行代码中http-equiv属性定义为"refresh"，也就是重定向功能。本行代码中对应的content属性定义为"1;url=http://www.google.cn"，其实现了两个功能，并使用分号进行分割。分号前面的数值1表示时间间隔为1秒，分号后面的url代表重定向链接地址，合在一起的含义就是在间隔1秒后刷新重新跳转到www.google.cn网址上。因为Refresh功能是在HTML网页头部中定义的，所以在该页面初次打开后就将计算时间间隔并执行重定向操作。

运行页面，效果如图2.3所示。经过大约1秒时间后，页面自动进行了跳转，效果如图2.4所示。

2.4.3　http-equiv属性

http-equiv还有几个属性可能读者了解不多，但也是非常重要的功能，在这里向读者简单介绍：

（1）Expires（期限）

• 功能描述：用于设定网页的过期时间，如果网页过期，则必须连接服务器进行重新传输。
• 使用方法：<meta http-equiv="expires" content="Sun,15 Jan 2017 08:08:08 GMT">。
• 注意事项：必须使用GMT格式时间。

（2）Pragma（cache模式）

• 功能描述：禁止浏览器从本地计算机的缓存中访问HTML网页的内容。
• 使用方法：<meta http-equiv="Pragma" content="no-cache">。
• 注意事项：如果这样设定，用户将无法脱机浏览网页。

（3）Set-Cookie（cookie过期设定）

• 功能描述：如果网页过期，则保存在本机的全部cookie将被自动删除。
• 使用方法：<meta http-equiv="Set-Cookie" content="cookie-value=xxx; expires= Sun,15 Jan 2017 08:08:08 GMT; path=/ ">。
• 注意事项：必须使用GMT格式时间。

（4）Window-target（显示窗口的设定）

• 功能描述：强制HTML网页在当前窗口以独立页面方式显示。
• 使用方法：<meta http-equiv="Window-target" content="_top">。
• 注意事项：用来防止外部页面在框架里调用本页面。