网页设计中的404页面

2022-06-13 分类：网站建设

404页面是网页设计中必不可少的一部分，良好的404页面，能够提供良好的用户体验，让你的产品更友好些。

404页面是什么?定制404页面的意义是什么?如何定制404页面?要谈这些，就要先谈谈「404错误」。

1.404错误(HTTP 404)

百度百科：是WWW网站访问比较经常出现的错误。404页面就是当用户输入了错误的链接时，返回的页面。HTTP 404错误意味着链接指向的网页不存在，即原始网页的URL失效，这种情况经常会发生，很难避免。

维基百科：The HTTP 404, 404 Not Found and 404 (pronounced “four oh four”) error message is a Hypertext Transfer Protocol (HTTP)standard response code, in computer network communications, to indicate that the client was able to communicate with a given server, but the server could not find what was requested.

RFC7231：The 404(Not Found)status code indicates that the origin server did not find a current representation for the target resource or is not willing to disclose that one exists. A 404 status code does not indicate whether this lack of representation is temporary or permanent; the 410 (Gone) status code is preferred over 404 if the origin server knows, presumably through some configurable means, that the condition is likely to be permanent.

所以，404错误就是：一个HTTP标准响应码——这种响应码表示用户可以正常访问服务器，但服务器无法找到用户请求的内容或故意地不找到此内容。

2.为什么会出现404错误

其实上文定义已解释了这个问题——404错误表示用户可以正常访问服务器，但服务器无法找到用户请求的内容。

但更深层的原因是什么?

经过一些调查并请教强哥后，发现是这样的：下图为一个上网模型，即一个人上网，需要服务器处理，并调用数据库中的数据，然后通过网络传给这个人使用的设备。而在出现404错误时，用户上网请求的所有内容在服务器、数据库中均未找到——一般是一个页面的所有内容均未找到(包括该页面的前后端代码与所有数据，如果只有部分服务器中的数据缺失，那网站前端页面不显示这些数据即可，还是有页面展示)，故服务器返回404响应码。

注意：这里是在服务器和数据库中没有找到对应内容，而不是服务器异常。如果是服务器异常，那就不是返回404，而是其他的响应码。比如服务器不存在，那就是DNS error，而不是404 error，具体如下方维基百科的内容。

维基百科：404 errors should not be confused with DNS errors, which appear when the given URL refers to a server name that does not exist. A 404 error indicates that the server itself was found, but that the server was not able to retrieve the requested page.

更表面上，404错误一般表现为用户请求的内容被删除/移动。比如一个博客网站，删除了某篇文章对应的页面，此时用户仍使用原URL进入，往往就会进入404页面;如果博客网站把某篇文章页面移动到其他地方(往往对应着URL路径变化)，而用户此时仍使用原URL进入，也会进入404页面。

当然，如果用户故意输入错误的URL，也会被网站识别为上述原因。尽管此时网站并未删除/移动那些内容，但在结果上是一样的——这些内容都不存在。

还有一种原因：网站可能会有意地将某些页面伪装成404页面，已达到某些不那么可告人的目的……