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

互联网  2017-04-18 11:47:06  552 人阅读  8 条评论

投放广告联系   诚邀合作伙伴   赞助我们   本站公告   轻松一刻

一个好看有个性的网站 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>

如果文章对你有帮助,请赞赏支持boke112导航发展!

历史上的今天:

本文地址:https://boke112.com/3907.html
文章标签: ,   ,  
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文内容来源于互联网资源,由  整理汇总,如有侵权请留言告知!
WordPress虚拟主机和VPS服务器推荐

 发表评论


  1. 靠谱学生兼职网
    靠谱学生兼职网 【尚书】 @回复

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

  2. 呆毛电脑配置网
    呆毛电脑配置网 【进士】 @回复

    不喜欢自动跳转的404,

  3. 诗梦
    诗梦 【书童】 @回复

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

  4. 明月登楼
    明月登楼 【王爷】 @回复

    这个不错,可以试试去!

  5. 码农BTS
    码农BTS 【状元】 @回复

    其实用meta跳转可能更方便

  6. 码农BTS
    码农BTS 【状元】 @回复

    微软即视感哈哈

  7. 雅兮网
    雅兮网 【尚书】 @回复

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

    这个是重点哈 [哈哈]

    • boke112导航
      boke112导航【村长】2017-04-18 22:15  回复

      @雅兮网[嘻嘻] 是的,其实404很多模板都很简单,关键还是思维,技术都不成问题