www.baike369.com
百科369 > HTML教程 > HTML使用<meta>标签http-equiv属性设置网页的定时刷新和跳转

HTML使用<meta>标签http-equiv属性设置网页的定时刷新和跳转


HTML使用<meta>标签http-equiv属性设置网页的定时刷新和跳转

在HTML的网页源代码中,将<meta>标签的http-equiv属性设置为refresh,可以使页面自动刷新。另外,如果需要跳转到其它页面,也可以通过该标记来实现。


语法

<meta http-equiv="refresh" content="时间" />
<meta http-equiv="refresh" content="时间;URL" />

时间的单位是秒,URL是指页面跳转的路径。

当content属性值只有一个数字的时候,仅设置了时间,表示页面自身的刷新。如果属性值除了数字之外,还有URL地址,则表示页面在设置的时间后跳转到设置的URL地址。


提示

如果设置了页面的自动跳转,则在时间和URL地址之间必须用分号(;)隔开。


实例1

设置网页自身的定时刷新的实例。源代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML使用&lt;meta&gt;标签http-equiv属性设置网页自身的定时刷新的实例-www.baike369.com</title>
<meta http-equiv="refresh" content="30" />
</head>
<body>
<p>牡丹的主要品种有哀家紫、矮牡丹、安圣紫、八艳妆、白鹤顶、白玉盘、碧天一色、汴城白、冰肌玉骨等。</p>
</body>
</html>

在上述代码中,content的取值只有一个数字30,表示该页面每隔30s(30秒)自动刷新自身一次。


实例2

使用<meta>标签http-equiv属性设置网页的定时刷新和跳转的实例。

在上面的实例中,content属性中只设置了时间,因此是当前页面的刷新。如果在属性值里面添加一个URL地址,页面将会进行自动跳转。

源代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML使用&lt;meta&gt;标签http-equiv属性设置网页的定时刷新和跳转的实例-www.baike369.com</title>
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
</head>
<body>
<h3>请稍候......</h3>
<p>页面正在打开,请您稍等片刻!</p>
</body>
</html>

等待5秒以后,页面将自动跳转到百度首页。

注:在这里,对URL可以设置成绝对地址,也可以设置成相对地址。

显示效果如下:

HTML使用<meta>标签http-equiv属性设置网页的定时刷新和跳转的实例的操作效果

5秒后,该页面将自动跳转到百度首页。

Copyright© 2011-2016 www.baike369.com All Rights Reserved