HTML頁面跳轉(重定向)

原文地址：https://www.feiniaomy.com/post/196.html

自從，我在博客上留下自己的QQ對話方式以後，不少的訪客都通過QQ聯繫方，找到我諮詢一些問題。如果我看到了都會及時回覆，但也有不少人，都會發些莫名其妙的東西過來，再回他的什麼事，就不再回答。所以這裏要說一句，如果你遇到什麼問題，碰巧來的我的博客，可以諮詢我一下，但如果你發一些莫名其妙的東西，我就不歡迎了。

昨天有一個通過本博客的QQ，找到我，問了一個關於網址跳轉的問題，由於時間的關係，沒有詳細的給他回答，仿天抽空，就寫寫關於網址跳轉的一些小知識！

HTML網址跳轉的解釋

HTML網址跳轉，就是通過一個網址跳轉到另一個網址中去，比如你需要在利用輸入A網址的情況下，打開的是B網址的網站，那麼A網址到B網址之間的跳轉就是網址跳轉。（此方法也常用於網站的404頁面）

新手必看

昨天遇到問題是，一個網址跳轉到QQ空間的網址中去，但是QQ空間對應個人的空間的網址是很長的。如果用域名CNAME方法是不能解析的，這裏就用到HTML代碼跳轉或是JS代碼跳轉，但一些新手，不懂的HTML或是JS跳轉，更有一些不知道有空間，服務器一些東東。

所以本博客會另開一篇文章，說一說服務器空間的那些事！

HTML代碼跳轉

在HTML頁中，可以使用meta標籤進入頁面的跳轉，此方法可以控制跳轉的時間，以及自由化的定義跳轉的網址

html跳轉代碼如下

 <meta http-equiv="refresh" content="5;url=https://www.feiniaomy.com">

複製

 代碼示圖

代碼解釋

看上在的代碼，meta 標籤中有一個content屬性，表示打開此頁面後，多少秒後開啓跳轉。還有個URL屬性，表示跳轉的網址

HTML中A標籤跳轉

HTML中的A標籤也可以看做爲頁面跳轉的一種，只是通過鼠標點擊的方式進入跳轉

html A標籤跳轉代碼如下

<a href="http://www.feiniaomy.com">飛鳥慕魚博客</a>

複製

 javascript代碼跳轉

在網頁利用jjs也可以實現頁面的跳轉或定時跳轉

JS跳轉代碼如下

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳轉  
    //飛鳥慕魚博客
    window.location.href = 'https://www.feiniaomy.com/';
    // 五秒以後再跳轉
    setTimeout("javascript:location.href='https://www.feiniaomy.com'", 5000);   
</script>

複製

代碼示圖

網址CNAME解析跳轉

我們在解析域名的時間，也可以通過CNAME解析的方式，進入域名的跳轉

舉例說明

比如我想把  mochu.502la.com域名解析到feiniaomy.com域名上，如下圖所示

這裏的解析方式，以阿里域名的解析爲例。主機記錄爲當前要解析的域名，記錄值爲要跳轉到的域名，記錄類型爲CNAME，大家可以參考上圖進行域名解析！

說明：域名CNAME類型解析的時候，記錄值爲頂級域名，或是二級域名的形式，其它格式無效果！