利用.htaccess自定义404错误页面

404错误页面是指在服务器找不到指定的页面时。由服务器返回的错误信息显示页面,404错误页面可以自定义成自己喜欢的样式。

为了提高用户体验以及留住潜在的用户(因国内的电信运营商往往将无效网页转到运营商网站的页面),越来越多的设计者开始关注404错误页面的设计,着重体现的美工设计及导航功能。

下面给一个国外网站404错误页面的截图供借鉴。

404-page-design

Apache+php环境下自定义404页面的方法:

  1. 制作404.html。和普通.html文件制作方法一样。
  2. 制作.htaccess文件,利用记事本编辑,将文件保存成(不包含引号) “.htaccess”,代码如下面所示。
  3. 上传404.html 和.htaccess 到服务器。

 <Files .htaccess>
order allow,deny
deny from all
</Files>
ErrorDocument 404 /404.htm

备注:

  • ErrorDocument 404 /404.htm(根据自定义404页面所在的位置而定)
  • 如果404.html的小于512字节的话,那么IE会认为这个错误页面不够“友好”,会忽视掉的,所以404页面文件的大小一定要大于512B。

.htaccess代码说明:

  • <Files .htaccess>
    order allow,deny
    deny from all
    </Files>这段代码表明拒绝用户下载这个文本文件。
  • ErrorDocument 404 /404.htm 这段代码指出 404(该页不存在)错误页面的位置。

下面列一些超酷国外网站404错误页面。

404-page-design-2

 

404-page-design-3

 

404-page-design-4

 

404-page-design-5

3 Comments

  1. kevin says:

    很好的文章,谢谢分享。

  2. 左手烟 says:

    图片很酷,差距很大。

  3. 任鸟飞 says:

    请注意这个语句 ErrorDocument 404 /404.htm。
    ErrorDocument 404 是一个整体。后面的/404.html是路径及文件名。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

无觅相关文章插件,快速提升流量

任鸟飞网页设计博客 谜题推理 No.1 Web Design Gallery IndustryIdea LookForDesign AWebGallery Mobile Web Template iDesign Wallpaper Big Funny Picture iPhone Faves iPhone Mobi iPad Faves Android Faves BlackBerry Faves Best Design Magazine All Banner Templates Blog Earn Tips 是谁啊 只爱美人 家乡美 唯美爱 美人衣妆 AutoCAD 2D | Pro/E 3D江苏名企The HTML5 Templates