Dreamweaver CS6网页设计与制作教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.3 头部标记之间的主要标记

1.网页的跳转

在浏览网页时,经常会看到一些欢迎信息的界面,在经过一段时间后,这一页面会自动转到其他页面中,这就是网页的跳转。使用HTML代码就可以很轻松地实现这一功能。

语法:<meta http-equiv="refresh" content="跳转时间; url=链接地址" />

说明:在该语法中,refresh表示网页的刷新,而在content中设定刷新的时间和刷新后的地址,时间和链接地址之间用分号相隔。默认情况下,跳转时间是以秒为单位的。

当链接地址为一个新的网页地址时,就会在设定的时间跳转到这个新的网址,其代码如下:

<pre><html>
<head>
<title>网页的跳转</title>
<meta http-equiv="refresh" content="3; url=http://www.sohu.com" />
</head>
<body>
您好,本页在3秒之后将自动跳转到搜狐网站
</body>
</html>

运行程序,效果如图2-3所示。在3秒之后,网页自动跳转到了搜狐网站(图2-4)。

 

图 2-3

图 2-4

2.自动刷新页面

当上述语法中的链接地址被省略时,网页的功能就变成了刷新页面本身,这在不断更新数据的页面中常常会用到,刷新页面的代码如下:

<html>
<head>
<title>自动刷新页面</title>
<meta http-equiv="refresh" content="60" />
</head>
<body>
您好,本页每隔1分钟自动刷新一次
</body>
</html>

运行页面的效果如图2-5所示。

图 2-5