HTML页面跳转(重定向)

HTML网址跳转的解释

HTML网址跳转,就是通过一个网址跳转到另一个网址中去,比如你需要在利用输入A网址的情况下,打开的是B网址的网站,那么A网址到B网址之间的跳转就是网址跳转。(此方法也常用于网站的404页面)。


HTML代码跳转

在HTML页中,可以使用meta标签进入页面的跳转,此方法可以控制跳转的时间,以及自由化的定义跳转的网址。

html跳转代码如下:

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

 代码示图:

HTML页面跳转(重定向)

代码解释:

看上在的代码,meta 标签中有一个content属性,表示打开此页面后,多少秒后开启跳转。还有个URL属性,表示跳转的网址。


HTML中A标签跳转

HTML中的A标签也可以看做为页面跳转的一种,只是通过鼠标点击的方式进入跳转。

html A标签跳转代码如下:

<a href="http://www.slinbo.com">石林波博客</a>


javascript代码跳转

在网页利用jjs也可以实现页面的跳转或定时跳转。

JS跳转代码如下:

<script language="javascript" type="text/javascript">  
   // 以下方式直接跳转  
   //石林波博客
   window.location.href = 'https://www.slinbo.com/';
   // 五秒以后再跳转
   setTimeout("javascript:location.href='https://www.slinbo.com'", 5000);  
</script>

代码示图:

HTML页面跳转(重定向)


网址CNAME解析跳转

我们在解析域名的时间,也可以通过CNAME解析的方式,进入域名的跳转。


举例说明:

比如我想把  blog.qq.com域名解析到slinbo.com域名上,如下图所示:

HTML页面跳转(重定向)


这里的解析方式,以阿里域名的解析为例。主机记录为当前要解析的域名,记录值为要跳转到的域名,记录类型为CNAME,大家可以参考上图进行域名解析。

说明:域名CNAME类型解析的时候,记录值为顶级域名,或是二级域名的形式,其它格式无效果。