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

互联网  2017-04-18 11:47:06  2,203 人阅读  11 条评论

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

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

具体实现方法

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>404 页面未找到</title>
  6. <style type="text/css">
  7. <!--
  8. body,td,th {
  9.     color: #FFFFFF;
  10. }
  11. body {
  12.     background-color: #0099CC;
  13. }
  14. .STYLE7 {
  15.     font-size: 24px;
  16.     font-family: "微软雅黑";
  17. }
  18. .STYLE9 {font-size: 16px}
  19. .STYLE12 {
  20.     font-size: 100px;
  21.     font-family: "微软雅黑";
  22. }
  23. -->
  24. </style></head>
  25. <body>
  26. <script language="javascript" type="text/javascript">
  27.             setTimeout(function () { this.location.href = "https://boke112.com/" }, 5000);
  28.         </script>
  29. <span class="STYLE12">&nbsp;:(</span>
  30. <p class="STYLE7">   您输入的网址我们没有找到。<br />
  31.   5秒后为您跳转到首页,您可以在首页试着找找您所需要的信息。</p>
  32. <p class="STYLE7">  <span class="STYLE9">如果您想了解更多信息,则可以稍后在线搜索此错误: 404 页面未找到</span></p>
  33. </body>
  34. </html>

历史上的今天:

如何免费领取阿里云1000元代金券?
文章标签: ,   ,  
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文内容来源于互联网资源,由  整理汇总,如有侵权请留言告知!
整理砖家

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 猫鼬博客
    猫鼬博客 @回复

    有些带自动跳转的404 返回状态码是200 ,也就是说 搜索引擎蜘蛛会把这个页面当作正常页面抓取;
    时间久了,就会导致重复页面过多。
    个人觉得,一个简单的信息提示,一个返回上级或首页按钮足矣;当然,这只是个人愚见。

  2. 靠谱学生兼职网
    靠谱学生兼职网 @回复

    404做得好,也比较重要,有的人忽略404,这样对优化不好。

  3. 呆毛电脑配置网
    呆毛电脑配置网 @回复

    不喜欢自动跳转的404,

  4. 诗梦
    诗梦 @回复

    对百度不好,还不如我的宝贝回家404页😁

  5. 明月登楼
    明月登楼 @回复

    这个不错,可以试试去!

  6. 码农BTS
    码农BTS @回复

    其实用meta跳转可能更方便

  7. 码农BTS
    码农BTS @回复

    微软即视感哈哈

  8. 雅兮网
    雅兮网 @回复

    setTimeout(function () { this.location.href = “xxx” }, 5000);

    这个是重点哈 [哈哈]