404通過html頁面進行重定向跳轉

一般404頁面重定向都是通過僞靜態進行跳轉,但僞靜態的規則不是每個人都會寫。這裏我提供一種非常簡單的重定向方式,就是在404.html頁面中進行跳轉。只想要在head標籤裏面添加一行代碼
<meta http-equiv="Refresh" content="3;url=http://www.zhinanglicai.com/">

下面是我的404.html頁面源碼:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>404</title>
<style>
	body{
		background-color:#444;
		font-size:14px;
	}
	h3{
		font-size:60px;
		color:#eee;
		text-align:center;
		padding-top:30px;
		font-weight:normal;
	}
</style>
    <meta http-equiv="Refresh" content="3;url=http://www.zhinanglicai.com/">
</head>

<body>
<h3>404,您請求的文件不存在!</h3>
<p align="center">由於網站版本更新,您訪問的原地址可能出現錯誤,智囊理財首頁 <a href="http://www.zhinanglicai.com/"> http://www.zhinanglicai.com/ </a></p>
<p align="center">
如果在3秒鐘後網頁沒有自動跳轉,請點擊上面的鏈接,智囊理財網站首頁。</p>
</body>
</html>

<meta http-equiv="Refresh" content="3;url=http://www.zhinanglicai.com/">表示當訪問到這個404.html頁面時3秒後跳轉到www.zhinanglicai.com;

<p align="center">由於網站版本更新,您訪問的原地址可能出現錯誤,智囊理財首頁 <a href="http://www.zhinanglicai.com/"> http://www.zhinanglicai.com/ </a></p>

段代碼表示如果頁面沒跳轉,可以點擊圖中的<a>鏈接進行跳轉。

發佈了21 篇原創文章 · 獲贊 2 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章