- Dreamweaver CS6網頁設計與制作教程
- 孟帙穎 王寶龍 劉靜主編
- 376字
- 2020-05-07 11:29:11
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
推薦閱讀
- 版面設計與制作
- Pro/ENGINEER三維造型設計實例精解
- 動漫秀場:超級漫畫Q版造型素描技法
- 園區網互聯及網站建設
- UI動效大爆炸:After Effects移動UI動效制作學習手冊
- 網頁制作實用教程(第3版)
- JSP動態網站開發案例指導
- Photoshop電商網頁廣告設計實戰從入門到精通
- 《練就職場功夫熊貓》
- 動態網頁設計與制作(HTML5+CSS3+JavaScript)(第3版)
- Photoshop熱門手機APP與網頁游戲界面設計從入門到精通
- HTML+CSS+JavaScript網頁制作(第2版)
- Dreamweaver CC網頁設計從入門到精通(微課精編版)
- H5頁面設計與制作(全彩慕課版)
- 精通網站建設:100%全能建站密碼