腾讯云服务器优惠活动

华纳云香港服务器

boke112百科 » Themes » 正文

分享一款5秒后跳转回首页的网站404页面HTML模板

整理砖家更新于 2017-04-17 22:50:03首发于 2017-04-18 11:47:063.85K

WordPress主题推荐

一个好看有个性的网站 404 页面未找到模板可以有效提高用户体验，所以今天就跟大家分享一款5秒后自动跳转回首页的网站404页面HTML模板，希望大家喜欢。具体效果如下：

分享一款5秒后跳转回首页的网站404页面HTML模板-第1张-boke112百科(boke112.com)

具体实现方法

只需要替换以下代码中的 5000（5秒）和跳转链接地址，然后将这些代码替换我们主题的 404.php 文件代码即可。

<!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>404 页面未找到</title>
<style type=“text/css”>
<!–
body,td,th {
color: #FFFFFF;
}
body {
background-color: #0099CC;
}
.STYLE7 {
font-size: 24px;
font-family: “微软雅黑”;
}
.STYLE9 {font-size: 16px}
.STYLE12 {
font-size: 100px;
font-family: “微软雅黑”;
}
–>
</style></head>
<body>
<script language=“javascript” type=“text/javascript”>
setTimeout(function () { this.location.href = “https://boke112.com/” }, 5000);
</script>
<span class=“STYLE12”> :(</span>
<p class=“STYLE7”> 　　您输入的网址我们没有找到。<br />
　　5秒后为您跳转到首页，您可以在首页试着找找您所需要的信息。</p>
<p class=“STYLE7”>　　<span class=“STYLE9”>如果您想了解更多信息，则可以稍后在线搜索此错误: 404 页面未找到</span></p>
</body>
</html>

版权声明：本文内容来源于互联网资源，由 boke112百科整理汇总！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请联系我们，确认后马上更正或删除，谢谢！

标签404模板 HTML模板免费模板