又一个极简的错误页面

mengkun 17.3K 16

突然发现我居然对这类极简的错误页面情有独钟，因为之前已经分享过两个了（详见 分享一个仿 Windows 蓝屏的 404 页面 和 分享一个极简的404页面模板）

简单，是一种美。一个简洁的错误页面，会减轻人们看到错误页面时的糟心。

今天的这个错误页模板，来自腾讯云的未备案拒绝访问页面。

完整代码如下：

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <meta name="robots" content="noindex,nofollow">  
  6.     <title>404 - 页面找不到了</title>  
  7.     <style>  
  8.         body{font-size: 14px;font-family: 'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif; background-color:#fff; color:#808080;}  
  9.         .wrap{margin:200px auto;width:510px;}  
  10.         td{text-align:left; padding:2px 10px;}  
  11.         td.header{font-size:22px; padding-bottom:10px; color:#000;}  
  12.         td.check-info{padding-top:20px;}  
  13.         a{color:#328ce5; text-decoration:none;}  
  14.         a:hover{text-decoration:underline;}  
  15.     </style>  
  16. </head>  
  17. <body>  
  18.     <div class="wrap">  
  19.         <table>  
  20.             <tr>  
  21.                 <td rowspan="5" style=""><img src="https://ws1.sinaimg.cn/large/a15b4afegy1fhsfdznep4j2020020web.jpg" alt="又一个极简的错误页面"></td>  
  22.                 <td class="header">很抱歉！当前页面找不到了</td>  
  23.             </tr>  
  24.             <tr><td>原因一：你敲错了网址</td></tr>  
  25.             <tr><td>原因二：这个页面已经被网站管理员(也就是我...)删了</td></tr>  
  26.             <tr><td>如果刷新页面没能解决问题，你可以前往<a href="https://mkblog.cn/about/#respond">本站留言板</a>反馈</td></tr>  
  27.             <tr><td class="check-info">或者，你也可以<a href="https://mkblog.cn/">先去我的博客逛逛</a></td></tr>  
  28.         </table>  
  29.     </div>  
  30. </body>  
  31. </html>  

演示地址：http://qzonestyle.gtimg.cn/open/qcloud/beian/dest/block.html

我已经将我的站点的IIS默认错误页面都换成了这个样式，效果非常不错！ [呲牙]

本文作者为mengkun，转载请注明。

发表评论 取消回复
表情 图片 链接 代码

  1. 随便
    随便 Lv 1

    这些代码怎么变成地址的

    #9 2018-01-01 15:10 回复
    • mengkun
      mengkun 站长

      @随便首先你要有一个域名和一个网站空间（服务器）
      然后打开html编辑器，新建一个 html 页面，把上面的代码复制过去，保存
      最后用 FTP 工具把保存的 html 文件传到你的服务器上面……

      2018-01-01 15:19 回复
  2. 天空树
    天空树 Lv 1

    博主的网站不错，踩一个。

    #8 2017-09-18 16:29 回复
  3. 逗啊逗
    逗啊逗 Lv 1

    站长，你的表情搜索是用的提取的输入法里面的吗？

    #7 2017-08-02 19:11 回复
    • mengkun
      mengkun 站长

      @逗啊逗抓取自搜狗图片搜索。事实上任意一个图片搜索引擎都可以，只需要在关键字后面加“表情包”三个字搜出来的就都是表情包。比如说“达康书记 表情包”
      经过测试，发现搜狗的搜出来最准确，百度和360其次，必应最差.于是最终用的 搜狗

      2017-08-03 15:40 回复
  4. 逗啊逗
    逗啊逗 Lv 1

    可以换成系统升级页面 [呲牙]

    #6 2017-08-02 19:07 回复
  5. 266277
    266277 Lv 4

    还有吾爱的那个404 还可以玩游戏哈哈

    #5 2017-07-31 22:35 回复
  6. 何故博客
    何故博客 Lv 1

    文章非常不错~不知可否转载~

    #4 2017-07-27 20:25 回复
  7. 多翼
    多翼 Lv 5

    白板最简单

    地板 2017-07-27 17:30 回复
    • mengkun
      mengkun 站长

      @多翼白板不友好，会让访客觉得是网络卡了 [偷笑]

      2017-07-27 18:40 回复
      • 多翼
        多翼 Lv 5

        @mengkun果断黑屏，让访客以为电脑坏了吧

        2017-07-27 18:43 回复
  8. 秋毅
    秋毅 Lv 2

    要我说，简单，就三个数字：404 #(滑稽)

    板凳 2017-07-27 14:18 回复
    • mengkun
      mengkun 站长

      @秋毅这也简单得过头了 [wb_二哈]

      2017-07-27 18:41 回复
  9. 有本事点我
    有本事点我 Lv 1

    有没有好的电视直播的源码分享？

    沙发 2017-07-27 11:24 回复
分享