Home  >  Article  >  Web Front-end  >  The website has moved to a new home and will be redirected to the new URL (with code attached)

The website has moved to a new home and will be redirected to the new URL (with code attached)

云罗郡主
云罗郡主forward
2018-10-09 16:50:434100browse

How to automatically jump to the homepage from the 404 page? How to make the 404 page of the website? Without further ado, let’s go directly to the code.

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>很抱歉,网站搬新家啦!</title>

<style type="text/css">
body {margin: 0px; padding:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}
p{margin-left:auto; margin-right:auto;}
a {text-decoration: none; color: #1064A0;}
a:hover {color: #0078D2;}
img { border:none; }
h1,h2,h3,h4 {
/*display:block;*/
margin:0;
font-weight:normal; 
font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ; 
}
h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}

#page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}
.button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
.button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
.button a:hover{ background:#5BBFFF;}
</style>

</head>
<body>

<p id="page" style="border-style:dashed;border-color:#e4e4e4;line-height:30px;background:url(sorry.png) no-repeat right;">
<h1>网站搬新家啦,即将跳转新网址~</h1>
<h2>The website is moving to a new home. It is about to jump to the new website. </h2>
<meta http-equiv="refresh" content="0.1;url=https://www.baidu.com">
<font color="#666666">若网页未能自动跳转新网址,请点击下面按钮进行跳转!</font><br /><br />
<p class="button">
<a href="https://www.baidu.com" title="进入新网址">进入新网址</a>
</p>
</p>
</body>
</html>  

The above is the complete introduction to the website that has moved to a new home and will be redirected to the new URL (with code). If you want to know more about HTML tutorials, please pay attention to the PHP Chinese website.

The above is the detailed content of The website has moved to a new home and will be redirected to the new URL (with code attached). For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:cnblogs.com. If there is any infringement, please contact admin@php.cn delete