meta源信息功能之頁面定時跳轉與刷新
幾乎所有的網頁頭部都有<meta>源信息。除了我們常用的定義編碼、關鍵字(name=”keywords”)、描述(name=”description”)(for SEO),還可以定義視區大小、縮放比例等(for 移動端),如下:
CSS Code復制內容到剪貼板以及,定義網頁的過期時間,Cookie的過期時間等等。
就是我們網頁平時跳轉,還可以使用<meta>實現,下面幾個典型代碼示例:
CSS Code復制內容到剪貼板
這個表示當前頁面每5秒鐘刷一下,刷一下~
CSS Code復制內容到剪貼板這個表示當前頁面2秒後跳到首頁~
<meta http-equiv="refresh" content="0; url='http://www.qq.com/'">
頁面直接跳轉到騰訊網~
所以,當我們下次遇到“登錄成功,正在跳轉到您之前訪問頁面……”的時候,可以使用<meta>的這個refresh刷新,跳轉功能,可以說是成本最低的。
上面Demo效果就是上面第1個示例代碼效果。
根據我的測試,此特性包括IE7在內的浏覽器都是支持的。
問題來了:為何meta跳轉不火呢?
大家可以看到,meta跳轉,使用方便,不用寫JS,不用會後台代碼,定時跳轉刷新什麼的玩得照樣很溜,而且兼容性好,為啥總感覺不溫不火,很少看見有人提及呢?
新晉的小伙伴不知有沒有聽過這麼一個詞,叫做“萬惡的IE6年代”。
據說,當年,這一批老舊的浏覽器,問題很多,其中就有對meta2個小小的不友好。我也是聽說,不一定准確。坊間是這麼傳聞的:
但是啊,現在是什麼年代啊,監獄風雲都拍到第二季了,這些老問題,我覺得就可以忽略不計了。
不妨大膽試試meta跳轉,好好利用下浏覽器的原生特性,說不定就會發現比什麼JS跳轉之流用得更開心。