404页面代码

合集下载

404代码是什么意思

404代码是什么意思我们访问网页时，经常会出现401、404等数字提示。

它们是什么意思呢？这些字代码。

所有状态码的第一个数字代表了响应的五种状态之一（消息、成功、重定向、请求错误、服务器错误）。

下面为知友们详细说明一下。

消息这一类型的状态码，代表请求已被接受，需要继续处理。

这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。

由于HTTP/1.0 协议中没有定义任何1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送1xx 响应。

100 Continue（继续）客户端应当继续发送请求。

这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。

客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。

服务器必须在请求完成后向客户端发送一个最终响应。

101 Switching Protocols（交换协议）服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。

在发送完这个响应最后的空行后，服务器将会切换到在Upgrade 消息头中定义的那些协议。

只有在切换新的协议更有好处的时候才应该采取类似措施。

例如，切换到新的HTTP 版本比旧版本更有优势，或者切换到一个实时且同步的协议以传送利用此类特性的资源。

102 Processing（处理）由WebDAV（RFC 2518）扩展的状态码，代表处理将被继续执行。

成功这一类型的状态码，代表请求已成功被服务器接收、理解、并接受。

200 OK（成功）请求已成功，请求所希望的响应头或数据体将随此响应返回。

出现此状态码是表示正常状态。

201 Created（创建）请求已经被实现，而且有一个新的资源已经依据请求的需要而建立，且其URI 已经随Location 头信息返回。

假如需要的资源无法及时建立的话，应当返回'202 Accepted'。

202 Accepted（认可）服务器已接受请求，但尚未处理。

404错误，500错误页面的代表意思

404错误，500错误页⾯的代表意思刚开始接触编程的时候，什么都不懂，只会照着源代码敲写。

经常⼀调试就有各种400、500错误~最经典的两个错误就是404和500了。

今天调试项⽬的时候出错了，404因为⼀不⼩⼼，把⽹址敲错了，未能找到指定的⽹址。

如果您也有报这种错，有⼀个⼀劳永逸的⽅法帮助您以后敲错⽹址也能⾃动跳转：只要在web.config中写上：<system.web><customErrors mode="Off" defaultRedirect="⾃⼰想要跳转的页⾯.aspx（如果是⽤MVC开发就填/Controllers/action）" ><error statusCode="403" redirect="同上"/><error statusCode="404" redirect="同上"/><error statusCode="500" redirect="同上"/><error statusCode="502" redirect="同上"/>……</customErrors></system.web>我也在⽹上找了⼀些⽹页代码提⽰的意思：• 100 - 继续。

• 101 - 切换协议。

• 110 重新启动标记答复。

• 120 服务已就绪，在 nnn 分钟后开始。

• 125 数据连接已打开，正在开始传输。

• 150 ⽂件状态正常，准备打开数据连接。

• 200 - 确定。

客户端请求已成功。

• 201 - 已创建。

• 202 - 已接受。

• 203 - ⾮权威性信息。

• 204 - ⽆内容。

• 205 - 重置内容。

HTTP返回代码 201 304 404 500等代表的含义

HTTP返回代码201 304 404 500等代表的含义在网站日志中，我们经常会看到很多返回的http代码，如201、304、404、500等等。

可是这些具体的返回的HTTP代码究竟什么含义呢，在此做一下知识普及吧，记不住不要紧，到时候看看就行了，但最主要的几个还要要清楚的。

一些常见的状态码为：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务器超时下面提供HTTP 状态码的完整列表。

点击链接可了解详情。

您也可以访问HTTP 状态码上的W3C 页获取更多信息。

1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态码。

100(继续)请求者应当继续提出请求。

服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。

101(切换协议)请求者已要求服务器切换协议，服务器已确认并准备切换。

2xx (成功)表示成功处理了请求的状态码。

200(成功)服务器已成功处理了请求。

通常，这表示服务器提供了请求的网页。

如果是对您的robots.txt 文件显示此状态码，则表示Googlebot 已成功检索到该文件。

201(已创建)请求成功并且服务器创建了新的资源。

202(已接受)服务器已接受请求，但尚未处理。

203(非授权信息)服务器已成功处理了请求，但返回的信息可能来自另一来源。

204(无内容)服务器成功处理了请求，但没有返回任何内容。

205(重置内容)服务器成功处理了请求，但没有返回任何内容。

与204 响应不同，此响应要求请求者重置文档视图(例如，清除表单内容以输入新内容)。

206(部分内容)服务器成功处理了部分GET 请求。

3xx (重定向)要完成请求，需要进一步操作。

通常，这些状态码用来重定向。

Google 建议您在每次请求中使用重定向不要超过 5 次。

您可以使用网站管理员工具查看一下Googlebot 在抓取重定向网页时是否遇到问题。

诊断下的网络抓取页列出了由于重定向错误导致Googlebot 无法抓取的网址。

电脑浏览器网页出现404等状态码，代表什么意思呢？精辟总结

电脑浏览器网页出现404等状态码，代表什么意思呢？精辟总
结
我们在工作学习当中，时常需要用浏览器进行上网，访问特定的网站，可是我们在访问网站时，时常会出现返回403、404等错误代码，而我们却不知道是什么原因，而只能束手无策。

这些代码是HTTP 状态码，下面让我们来了解下这些代码的具体含义吧。

1、400（错误请求）：服务器不理解请求的语法。

2、401（未授权）：请求要求身份验证。

对于登录后请求的网页，服务器可能返回此响应。

3、403（禁止）：服务器拒绝请求。

4、404（未找到）：服务器找不到请求的网页。

5、405（方法禁用）：禁用请求中指定的方法。

6、406（不接受）：无法使用请求的内容特性响应请求的网页。

7、407（需要代理授权）：指定请求者应当授权使用代理。

如果服务器返回此响应，还表示请求者应当使用代理。

8、408（请求超时）：服务器等候请求时发生超时。

9、414（请求的 URI 过长）：请求的 URI（通常为网址）过长，服务器无法处理。

10、502（错误网关）：服务器作为网关或代理，从上游服务器收到无效响应。

11、504（网关超时）：服务器作为网关或代理，但是没有及时从上游服务器收到请求。

等等。

简洁又漂亮的单网页404页源码（html格式404源码）

简洁⼜漂亮的单⽹页404页源码（html格式404源码）简洁⼜漂亮的单⽹页404页源码⼀个简洁⼜偏亮的单页⾯404页源码，FYI<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>404-[对不起！您访问的页⾯不存在] </title><style type="text/css">.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url('/Public/images/head404.png') no-repeat; }.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url('/Public/images/txtbg404.png') no-repeat;}.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}.txtbg404 .txtbox .paddingbox { padding-top:15px;}.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}</style></head><body bgcolor="#494949"><div class="head404"></div><div class="txtbg404"><div class="txtbox"><p>对不起，您请求的页⾯不存在、或已被删除、或暂时不可⽤</p><p class="paddingbox">请点击以下链接继续浏览⽹页</p><p>》<a style="cursor:pointer" οnclick="history.back()">返回上⼀页⾯</a></p><p>》<a href="/">返回⽹站⾸页</a></p></div></div></body></html>⽹页预览：------------------------------------------------------------------------------扩展阅读：404、403、405、500｜常见⽹页错误代码解析No.1 404 ⽆法找到⽂件404是⼤家上⽹冲浪时最常见的错误代码，⼀般出现的原因可能是：①页⾯被删除或不存在②⽹址输⼊有误③没插⽹线或没有联⽹做为⽣活中最常见的404，除了本⾝找不到查询页⾯的含义，还延伸出很多额外的意义。

HTTP 状态码的介绍,及其常见404错误码的解决方案

(一)自定义404错误页返回“200”状态码
当搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时，即知道该URL已经失效，便不再索引该网页，并向数据中心反馈将该URL表示的网页从索引数据库中删除，当然，删除过程有可能需要很长时间；而当搜索引擎得到“200”状态回应时，则会认为该url是有效的，便会去索引，并会将其收录到索引数据库，这样的结果便是这两个不同的url具有完全相同的内容：自定义404错误页面的内容，这会导致出现複製网页问题。对搜索引擎而言，特别是Google，不但很难获得信任指数TrustRank，也会大大降低Google对网站质量的评定。（为什麽会出现返回“200”状态码的情况？？请参看下面内容“自定义404错误页面的基本原则”）
因此，很多网站均使用自定义404错误的方式以提供用户体验避免用户流失。一般而言，自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网站提供的特色服务，这样可以有效的帮助用户访问站点并获取需要的信息。
HTTP404对SEO的影响
自定义404错误页面是提供用户体验的很好的做法，但在应用过程中往往并未注意到对搜索引擎的影响，譬如：错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。正确设置的自定义404错误页面，不仅应当能够正确地显示，同时，应该返回“404”错误代码，而不是“200”或“302”。虽然对访问的用户而言，HTTP状态码究竟是“404”还是“200”来说并没有什麽区别，但对搜索引擎而言，这则是相当重要的。
(二)自定义404错误页使用Meta Refresh返回“302”状态码
常常看到许多网站的自定义404错误页面採取类似这样的形式：首先显示一段错误信息，然后，通过Meta Refresh将页面跳转到网站首页、网页地图或其他类似页。根据具体实现方式不同，这类பைடு நூலகம்04页面可能返回“200”状态码，也可能返回“302”，但不论哪种，从SEO技术角度看，均不是一种合适的选择。

php常用返回状态码

php常用返回状态码【引言】在PHP编程中，返回状态码是一种常用的机制，用于表示程序执行的结果。

了解并合理使用这些状态码，对于提高代码的可读性和实用性具有重要意义。

【PHP常用返回状态码列表】以下是一些常用的PHP返回状态码：1.成功状态码：- 100 继续（HTTP 1.1）- 200 成功（HTTP 200）- 201 创建（HTTP 201）- 202 已接受（HTTP 202）- 204 无内容（HTTP 204）2.错误状态码：- 400 错误（HTTP 400）- 401 未授权（HTTP 401）- 403 禁止（HTTP 403）- 404 未找到（HTTP 404）3.提示状态码：- 301 永久移动（HTTP 301）- 302 临时移动（HTTP 302）- 304 未修改（HTTP 304）【具体解释与应用】1.成功状态码示例：当用户请求成功时，可以返回200状态码。

例如，在一个博客系统中，当用户提交一篇新文章后，可以通过返回201状态码表示文章已创建成功。

2.错误状态码处理方法：当遇到错误状态码时，需要根据具体情况采取相应的处理方法。

例如，当用户输入验证失败时，可以返回400错误状态码。

在这种情况下，可以在响应中包含错误信息，指导用户正确填写表单。

3.提示状态码的作用：提示状态码主要用于告诉浏览器，请求的资源已被永久或临时移动。

例如，当网站迁移到新的域名时，可以使用301永久移动状态码，告诉浏览器将后续请求重定向到新域名。

【总结】了解和合理使用PHP常用返回状态码，可以帮助我们更好地管理程序执行状态，提高代码的可读性和实用性。

http状态码大全（404、505、502，500）

http状态码⼤全（404、505、502，500）HTTP 400 – 请求⽆效HTTP 401.1 – 未授权：登录失败HTTP 401.2 – 未授权：服务器配置问题导致登录失败HTTP 401.3 – ACL 禁⽌访问资源HTTP 401.4 – 未授权：授权被筛选器拒绝HTTP 401.5 – 未授权：ISAPI 或 CGI 授权失败HTTP 403 – 禁⽌访问HTTP 403 – 对 Internet 服务管理器的访问仅限于 LocalhostHTTP 403.1 禁⽌访问：禁⽌可执⾏访问HTTP 403.2 – 禁⽌访问：禁⽌读访问HTTP 403.3 – 禁⽌访问：禁⽌写访问HTTP 403.4 – 禁⽌访问：要求 SSLHTTP 403.5 – 禁⽌访问：要求 SSL 128HTTP 403.6 – 禁⽌访问：IP 地址被拒绝HTTP 403.7 – 禁⽌访问：要求客户证书HTTP 403.8 – 禁⽌访问：禁⽌站点访问HTTP 403.9 – 禁⽌访问：连接的⽤户过多HTTP 403.10 – 禁⽌访问：配置⽆效HTTP 403.11 – 禁⽌访问：密码更改HTTP 403.12 – 禁⽌访问：映射器拒绝访问HTTP 403.13 – 禁⽌访问：客户证书已被吊销HTTP 403.15 – 禁⽌访问：客户访问许可过多HTTP 403.16 – 禁⽌访问：客户证书不可信或者⽆效HTTP 403.17 – 禁⽌访问：客户证书已经到期或者尚未⽣效 HTTP 404.1 -⽆法找到 Web 站点HTTP 404- ⽆法找到⽂件HTTP 405 – 资源被禁⽌HTTP 406 – ⽆法接受HTTP 407 – 要求代理⾝份验证HTTP 410 – 永远不可⽤HTTP 412 – 先决条件失败HTTP 414 – 请求 – URI 太长HTTP 500 – 内部服务器错误HTTP 500.100 – 内部服务器错误 – ASP 错误HTTP 500-11 服务器关闭HTTP 500-12 应⽤程序重新启动HTTP 500-13 – 服务器太忙HTTP 500-14 – 应⽤程序⽆效HTTP 500-15 – 不允许请求 global.asaError 501 – 未实现HTTP 502 – ⽹关错误⽤户试图通过 HTTP 或⽂件传输协议 (FTP) 访问⼀台正在运⾏ Internet 信息服务 (IIS) 的服务器上的内容时，IIS 返回⼀个表⽰该请求的状态的数字代码。

网站404,500错误页面的处理,及500异常写入errorLog日志

⽹站404,500错误页⾯的处理,及500异常写⼊errorLog⽇志1.web.xml 配置<error-page><error-code>404</error-code><location>/404.jsp</location></error-page><error-page><error-code>500</error-code><location>/500.jsp</location></error-page>2.定义404.jsp<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8" isErrorPage="true"%><%response.setStatus(HttpServletResponse.SC_OK); %><h1>您所查看的商品或页⾯没有找到</h1>3.定义500.jsp<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8" isErrorPage="true"%><%response.setStatus(HttpServletResponse.SC_OK); %><h1>很抱歉,您访问的页⾯出错了!</h1><div id="errorMessageDiv" style="display:;"><pre><%try { //全部内容先写到内存，然后分别从两个输出流再输出到页⾯和⽂件ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();PrintStream printStream = new PrintStream(byteArrayOutputStream);printStream.println();UserInfoDTO requestUser = (UserInfoDTO)request.getSession().getAttribute("userLogin");printStream.println("⽤户信息");if(requestUser != null){printStream.println("账号：" + requestUser.getNickname());}else{printStream.println("账号：游客");}printStream.println("访问的路径: " + request.getAttribute("javax.servlet.forward.request_uri"));printStream.println();printStream.println("异常信息");printStream.println(exception.getClass() + " : " + exception.getMessage());printStream.println();Enumeration<String> e = request.getParameterNames();if (e.hasMoreElements()) {printStream.println("请求中的Parameter包括：");while (e.hasMoreElements()) {String key = e.nextElement();printStream.println(key + "=" + request.getParameter(key));}printStream.println();}printStream.println("堆栈信息");exception.printStackTrace(printStream);printStream.println();out.print(byteArrayOutputStream); //输出到⽹页Calendar calendar = Calendar.getInstance();/**按年⽉⽇来分*/int year = calendar.get(Calendar.YEAR);//得到年int month = calendar.get(Calendar.MONTH)+1;//得到⽉，因为从0开始的，所以要加1int day = calendar.get(Calendar.DAY_OF_MONTH);//得到天String saveurl = Constants.ROOTPATH + "errorLog/";String path1 = saveurl + year + "/" ;String path2 = saveurl + year + "/" + month + "/" ;String path3 = saveurl + year + "/" + month + "/" + day + "/" ;//建⽴按年⽉⽇⽂件夹,如果⽂件夹不存在,就建⽴新的⽂件夹。

vue项目中当访问路由不存在的时候默认访问404页面操作

vue项⽬中当访问路由不存在的时候默认访问404页⾯操作前⾔：在Vue项⽬中，当访问的页⾯路由不存在或错误时，页⾯显⽰为⼀⽚空⽩。

然⽽，通常我们需要对访问url不存在或者错误的情况下添加默认的404页⾯，即not found页⾯。

⼀般的处理⽅法是：在最后添加⼀个path: * ，优先级从上到下查找路由，都没有的时候全部指向 404页⾯，代码如下：const baseRoute = [{ path: '/login', name: 'login', component: Login },{path: '/', redirect: '/index', component: Layout, name: 'dashboard'},// 404page{ path: '/404', name: 'page404', component: page404 },{path: '/',redirect: '/index',component: Layout,children: [{path: 'index',name: 'index',component: ModeIndex,meta: {title: '', // 设备建模icon: ''}},{path: 'project',name: 'project',component: Project,meta: {dynamic: true, // 动态⾯包屑标题title: ''}}]}{path: '*', // 页⾯不存在的情况下会跳到404页⾯redirect: '/404',name: 'notFound',hidden: true}]const router = new Router({routes: baseRoute})问题：这样做好处是简单，⽅便，但是因为我代码⾥⾯添加了如下代码，⽤于页⾯token失效跳出登录的时候记住当前路由，当下次再登录的时候直接跳到指定路由if (to.path.slice(1) !== '') {router.push({path: '/login',query: {redirect: to.path.slice(1)}})} else {router.push({path: '/login'})}就是因为加了所有找不到都指向404，导致了第⼀次不知道⽹址的⼈输错后，redirect就指向了404，这样⽤户第⼀次登录成功后页⾯就进⼊404，体验很差，产品和测试也⼀直以为是页⾯出bug了，为了解决这个问题，查找了相关资料，下⾯是优化后的⽅法。

网站301跳转__404页面代码

301跳转做法asp的<%if Request.ServerVariables("HTTP_HOST") <> "" thenResponse.Status="301 Moved Permanently"Response.AddHeader "Location","/"Response.Endend if%>php的<?phpif ($_SERVER['HTTP_HOST'] != ''){header("HTTP/1.1 301 Moved Permanently");header("Location:/");exit();?>1、IIS下301设置Internet信息服务管理器 -> 虚拟目录 -> 重定向到URL，输入需要转向的目标URL，并选择“资源的永久重定向”。

2、ASP下的301转向代码<%@ Language=VBScript %><%Response.Status=”301 Moved Permanently”Response.AddHeader “Location”, “/articles/301/”%>3、下的301转向代码<script runat=”server”>private void Page_Load(object sender, System.EventArgs e){Response.Status = “301 Moved Permanently”;Response.AddHeader(”Location”,”/articles/301/“);}</script>4、PHP下的301转向代码header(”HTTP/1.1 301 Moved Permanently”);header(”Location: /articles/301/”);exit();5、CGI Perl下的301转向代码$q = new CGI;print $q->redirect(”/”);6、JSP下的301转向代码<%response.setStatus(301);response.setHeader( “Location”, “/” );response.setHeader( “Connection”, “close” );%>7、Apache下301转向代码新建.htaccess文件，输入下列内容（需要开启mod_rewrite）：1）将不带WWW的域名转向到带WWW的域名下Options +FollowSymLinksRewriteEngine onRewriteCond %{HTTP_HOST} ^ [NC]RewriteRule ^(.*)$ /$1 [L,R=301]2）重定向到新域名Options +FollowSymLinksRewriteEngine onRewriteRule ^(.*)$ /$1 [L,R=301]3）使用正则进行301转向，实现伪静态Options +FollowSymLinksRewriteEngine onRewriteRule ^news-(.+)\.html$ news.php?id=$1将news.php?id=123这样的地址转向到news-123.html8、Apache下vhosts.conf中配置301转向为实现URL规范化，SEO通常将不带WWW的域名转向到带WWW域名，vhosts.conf中配置为：<VirtualHost *:80>ServerName DocumentRoot /home/lesishu</VirtualHost><VirtualHost *:80>ServerName RedirectMatch permanent ^/(.*) /$1</VirtualHost>第二种情况，如果你的系统是Linux的。

404页面

01 作用
03 错误原因 05 页面目的
目录
02 错误提示 04 解决方法 06 优化404
07 对seo的影响
目录
08 使用指南
09 404错误页面
010 制作
011 公益广告
012 创意鉴赏
作用
1.避免出现死链接 2.提升用户体验
3.避免信任度下降 4.避免被惩罚
1.避免出现死链接
站设置404页面后，如果站出现死链接，搜索引擎蜘蛛爬行这类得到“404”状态回应时，即知道该URL已经失效，便不再索引该页，并向数据中心反馈将该URL表示的页从索引数据库中删除。避免因为死链接影响站收录。
解决方法
解决方法
把缺少的页文件恢复到正确的位置，重新设置络服务。对于用户来讲，需要检查你所输入的络是否正确。Fra bibliotek页面目的
页面目的
404页面的目的是：告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用站其他页面而不是关闭窗口离开。很多开源系统包括CMS系统、Blog系统等不提供404页面或提供的404页面并未达到SEO的要求，这让站的权威性大打折扣。自定义404错误页面在增强用户体验上是很好的做法，但在应用的过程中一般并未注意到对搜索引擎的影响，譬如：服务器端的错误配置导致返回“200”状态码或自定义404错误页面使用 Meta Refresh从而导致返回“302”状态码。正确设置的自定义404错误页面，不仅应当能够正确地显示，同时，应该返回“404”错误代码，而不是 “200”或“302”。虽然对访问的用户而言，HTTP状态码究竟是“404”还是“200”来说并没有什么区别，但对于搜索引擎则是相当重要的。
2、设置404指向一个设计好的html文件，此时页面返回的404状态码。idc提供商基本都提供404 设置的功能，直接上传文件设置即可。在IIs中设置方法：打开IIS管理器-->点击要设置自定义 404的站的属性-->点击自定义错误选项-->选中404页-->选中并打开编辑属性-->设置成URL--> URL里填写“/err404.html”-->按确定退出再把做好的err404.html页面上传到站根目录下。此处在“消息类型”中一定要选择“文件”或“默认值”，而不要选择“URL”，不然，将导致返回“200”状态码。

Django自定义全局403、404、500错误页面的示例代码

Django⾃定义全局403、404、500错误页⾯的⽰例代码⾃定义模板403<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>403-禁⽌访问</title></head><body>HTTP 403 - 禁⽌访问</body></html>404<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>404-⽆法找到⽂件</title></head><body>HTTP 404- ⽆法找到⽂件</body></html>500<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>500-服务器错误</title></head><body>HTTP 500 - 内部服务器错误</body></html>编写视图# 全局403、404、500错误⾃定义页⾯显⽰def page_not_found(request):return render(request, '404.html')def page_error(request):return render(request, '500.html')def permission_denied(request):return render(request, '403.html')修改urlfrom .views import page_error, page_not_found, permission_deniedurlpatterns = [# ...]# 定义错误跳转页⾯handler403 = permission_deniedhandler404 = page_not_foundhandler500 = page_error尝试使⽤⽆权限⽤户访问，看是否会显⽰该页⾯如果不对，修改settings.py中的DEBUG的值DEBUG = False注：若是DEBUG=True，有些情况下则不会⽣效Http404抛出异常raise Http404('资源不存在<id:{}>，请访问 xxx 查看')模板中捕获异常信息使⽤{{ exception }}即可捕获异常信息，转换为html代码{{ exception|safe }}，可以根据这些代码中的id等，得到跳转的链接，参考<!DOCTYPE html>{% load static %}<html lang="en"><style type="text/css">.pic {margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}</style><head><meta charset="UTF-8"><title>404-⽆法找到⽂件</title><link href="///toastr.js/latest/css/toastr.min.css" rel="external nofollow" rel="stylesheet"></head><body><a href="//" rel="external nofollow" ><img class="pic" src="{% static 'errors/404.gif' %}"></a><p hidden>{{ exception|safe }}</p><script src="///jquery-3.1.1.min.js"></script><script src="///toastr.js/latest/js/toastr.min.js"></script><script>toastr.options = { // toastr配置"closeButton": true,"debug": false,"progressBar": true,"positionClass": "toast-top-center","showDuration": "400","hideDuration": "1000","timeOut": "7000","extendedTimeOut": "1000","showEasing": "swing","hideEasing": "linear","showMethod": "fadeIn","hideMethod": "fadeOut"};$(function () {let redirect_url = $('#redirect_url').text();if (redirect_url.indexOf('//') === 0 || redirect_url.indexOf('http') === 0) { // ⼀链接开头才跳转toastr.warning('{{ exception|safe }}', '跳转中');setTimeout(function () {//这⾥写时间到后执⾏的代码$(location).attr('href', redirect_url);}, 3000);}})</script></body></html>后端raise Http404('访问资源不存在，即将跳转 <span id="redirect_url">{}</span>'.format(''))那么当出现404错误是，jquery就获取该di的值，如果是//或者是http开头，表明可能是个链接（后端请限制格式），前端直接跳转到此这篇关于Django⾃定义全局403、404、500错误页⾯的⽰例代码的⽂章就介绍到这了,更多相关Django 403、404、500错误页⾯内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！。

VUE--404页面

VUE--404页⾯<⼀ 404 动态页⾯><template><section class="page__404" :style="{height:height+'px'}"><div class="error-container"><div class="page__error"><div id="pacman"></div></div><div class="page__container"><div class="page__title"><h1>对不起, 你访问的页⾯不存在!</h1></div><div class="page__content clearfix"><div class="left"><p>可能是如下原因引起了这个错误:</p><ol type="I"><li>URL输⼊错误</li><li>链接已失效</li><li>其他原因...</li></ol></div><div class="right"><p>推荐您通过以下链接继续访问本⽹站:</p><ol class="links" type="I"><li><a href="">» 画萌官⽹</a></li><li><a href="/punion">» 画萌微博</a></li><li><a href="/">» 美盛⽂化</a></li></ol></div></div><div class="page__footer">浙ICP备16022393号-1 浙公⽹安备 33010802006150号</div></div></div></section></template><script>export default {data:()=>{return {height:"",}},mounted(){this.icon();let ele = document.getElementById("pacman");this.toggleClass(ele, "pacman_eats");},methods:{icon(){let _this = this;_this.height = window.innerHeight;window.onresize=function(){ // 屏幕变化时，⾼度⾃适应_this.height = window.innerHeight;};setInterval(function(){let ele = document.getElementById("pacman");_this.toggleClass(ele, "pacman_eats");}, 300);let current = 0;let errAll = document.getElementsByClassName("page__404")[0];setInterval(function(){current -= 1;errAll.style.backgroundPosition = current + "px";}, 50);},hasClass(ele, cls) {return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));},addClass(ele, cls) {let _this = this;if(!_this.hasClass(ele, cls)) ele.className += " " + cls;},removeClass(ele, cls) {let _this = this;if (_this.hasClass(ele, cls)) {let reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");ele.className = ele.className.replace(reg, " ");}},toggleClass(ele, cls) {let _this = this;if(_this.hasClass(ele, cls)) {_this.removeClass(ele, cls);} else {_this.addClass(ele, cls);}}}}</script><style lang="scss" scoped>@import "../../common/css/reset.css";@import "../../common/css/define";.page__404 {width: 100%;height: 100%;text-shadow: 0 1px 0 #ffffff;filter: dropshadow(color=#ffffff, offx=0, offy=1);text-align: center;background-color:#aaa;background-image:url('./images/maze_bg.png');overflow: hidden;}.page__error {background:transparent url('./images/404e.png') right 35px no-repeat;}.page__error #pacman {background:transparent url('./images/pacman_eats.png') 0 0 no-repeat;}.pacman_eats {background:transparent url('./images/pacman_eats.png') 0 -207px no-repeat!important; }.page__container {width:760px;margin:0 auto;border:1px solid #E0E0E0;border-top:1px solid #fff;border-bottom:1px solid #ccc;background-color:#E5E5E5;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 4px rgba(0, 0, 0, 0.7);}.page__container .page__title {border-bottom:1px solid #aaa;overflow:hidden;background-color:#E7E7E7;text-align: center;}.page__container .page__content {border-top:1px solid #fff;border-bottom:1px solid #aaa;}.page__container .page__content ol{margin-top: 10px;li {font-size: 16px;margin: 8px 0;a {color: #000000;font-weight: bold;transition: all 0.1s linear;&:hover {color: #f9798e;}}}}.page__container .page__footer {padding:10px 20px 10px 20px;border-top:1px solid #f5f5f5;font-size:14px;color: #555;background-color:#D5D5D5;}.page__container .left {padding:30px 10px 20px 50px;width:350px;float:left;}.page__container .right {padding:30px 20px 20px 10px;width:320px;float:right;}.error-container {display:block;text-align: left;width: 960px;margin: 0 auto;padding-top:40px;padding-bottom:40px;}.page__error {background:transparent url('./images/404e.png') right 35px no-repeat;width:680px;height:280px;position:relative;margin:0 auto;}.page__error #pacman {width:207px;height:207px;position:absolute;left:0px;top:16px;background:transparent url('./images/pacman_eats.png') 0 0 no-repeat;animation:eats 2s linear 0s infinite alternate;}.pacman_eats {background:transparent url('./images/pacman_eats.png') 0 -207px no-repeat!important; }@keyframes eats {from {left:0px; top:16px;}to {left:200px; top:16px;}}</style>。

打开网站显示错误404是什么含义？还有哪些常见错误？

打开网站显示错误404是什么含义？还有哪些常见错误？大多数情况下，访问一个网站是一件简单的事情。

在输入网站的地址后，几秒内就可以进入网站浏览。

但有时候，也会看到各种错误，提醒你访问该网站时出现了一些问题。

虽然其中一些不在你的控制范围内，但你可以排查其他因素找到问题所在。

让我们快速回顾一些最常见的网站错误。

请注意，以4开头的错误，如错误451是客户端错误，这类错误是与计算机有关的问题，而以5开头的错误是服务器端与网站有关的问题。

1.错误404404是一个常见的错误。

它表示正在查找的页面不存在。

这通常发生在点击断开的链接时，或者网站转移页面时未正确重定向。

但是，如果输错网址，也会发生这种情况。

当看到404时，请检查以确保没有输入错误的地址。

然后尝试搜索引擎以找到正确的页面，因为它可能已经转移。

2.错误401401错误意味着需要身份验证才能访问该页面，。

这通常发生在需要登录网站以访问某些内容但尚未完成时，如果看到这一点，请尝试访问网站的主页并重新登录。

广告本服真实，刀刀切割，散人好发展！3.错误403403错误表示您已提出有效的请求，但服务器无法完成，因为您不允许访问它。

这不同于401。

401告诉你，你还没有登录，所以它不能验证你。

但403错误表示它知道你是谁，但不会让你访问该页面。

通常，这意味着您已经偶然发现了一些私密的内容，需要网站管理员才能访问。

4.错误504504错误表示网关超时，这意味着网站依赖的服务器不能快速与其通信。

发生这种情况时只有网站的管理员解决此问题候才能访问该网站。

你可以尝试刷新页面几次，不行的话就要耐心等待修复。

404们都代表什么？网页错误代码图解

404们都代表什么？网页错误代码图解HTTP 400 –请求无效HTTP 401.1 –未授权：登录失败HTTP 401.2 –未授权：服务器配置问题导致登录失败HTTP 401.3 –ACL禁止访问资源HTTP 401.4 –未授权：授权被筛选器拒绝HTTP 401.5 –未授权：ISAPI或CGI授权失败HTTP 403 –禁止访问HTTP 403 –对Internet服务管理器(HTML)的访问仅限于Localhost HTTP 403.1 –禁止访问：禁止可执行访问HTTP 403.2 –禁止访问：禁止读访问HTTP 403.3 –禁止访问：禁止写访问HTTP 403.4 –禁止访问：要求SSLHTTP 403.5 –禁止访问：要求SSL 128HTTP 403.6 –禁止访问：IP地址被拒绝HTTP 403.7 –禁止访问：要求客户证书HTTP 403.8 –禁止访问：禁止站点访问HTTP 403.9 –禁止访问：连接的用户过多HTTP 403.10 –禁止访问：配置无效HTTP 403.11 –禁止访问：密码更改HTTP 403.12 –禁止访问：映射器拒绝访问HTTP 403.13 –禁止访问：客户证书已被吊销HTTP 403.15 –禁止访问：客户访问许可过多HTTP 403.16 –禁止访问：客户证书不可信或者无效HTTP 403.17 –禁止访问：客户证书已经到期或者尚未生效HTTP 404.1 –无法找到Web站点HTTP 404 –无法找到文件HTTP 405 –资源被禁止HTTP 406 –无法接受HTTP 407 –要求代理身份验证HTTP 410 –永远不可用HTTP 412 –先决条件失败HTTP 414 –请求–URI太长HTTP 500 –内部服务器错误HTTP 500.100 –内部服务器错误–ASP错误HTTP 500-11 –服务器关闭HTTP 500-12 –应用程序重新启动HTTP 500-13 –服务器太忙HTTP 500-14 –应用程序无效HTTP 500-15 –不允许请求global.asaError 501 –未实现HTTP 502 –网关错误下边是英文原版(SEOGadaget via SixRevision)：。

html5和css3打造一款创意404页面

html5和css3打造⼀款创意404页⾯之前和⽹友分享⼀款。

今天要爱编程⼩编要再给⼤家带来⼀款html5和css3打造的创意404页⾯。

⼀起看下效果图吧：实现的代码。

html代码：<svg class="me404" viewbox="0 0 1000 480"><path id="cloud" class="st0" d="M658.4,345.2c-10.9,0-19.7-8.8-19.7-19.7c0-10.9,8.8-19.7,19.7-19.7h50.1c9.9-1.5,17.5-10,17.5-20.3c0-11.4-9.2-20.6-20.6-20.6v-0.2H633c-11.4,0-20.6-6.7-20.6-18.1c0-11.4,9.2-19.3,20.6-19.3h70.4l2-0.2c7.3-3.1,12.5-11,12.5-19.5c0-8.5-4.2-16.7-11.4-19.2l-2.5-0.3h-11.3c-11.9,0-21.6-8.9-21.6-19.9c0-11,9.7-19.9,21.6-19.9h15.8l1.4-0.3c8.6-2.5,14.8-10.1,14.8-19.5c0-11.4-9.2-20.6-20.6-20.6h-1.2h-69.2H382.5c-19.8-0.9-19.9-15.9-19.8-17.8c0-0.1,0-0.1,0-0.2c0-9.9-8.1-18-18-18h-93.5c-9.9,0-18,8.1-18,18c0,9.4,7.2,17.1,16.3,17.9h9.3c0.2,0,0,0,0.6,0l0.5,0l0.4,0l0.2,0c10.1,0.9,18,9.3,18,19.6c0,10.9-8.8,19.7-19.7,19.7h-70.7c-11.3,0-20.5,9.2-20.5,20.6c0,11.3,9.1,20.5,20.4,20.6h48.8c10.3,0,18.7,8.4,18.7,18.7c0,10.3-8.4,18.7-18.7,18.7h-23.2c-11.3,0.1-20.4,9.2-20.4,20.6c0,11.3,9.2,20.5,20.5,20.6h6.3c10.7,0,19.3,8.7,19.3,19.3c0,10.7-7.8,19.3-18.4,19.3l-1.5,0l-2.8,0.4c-7.3,3.1-11.8,11-11.5,18.9c0.3,8.5,4.2,16.5,11.7,19.6c1.1,0.7,3.4,0.9,4.4,0.9h4.5H296h19.7c3.9,0.5,8.2,4.2,7.4,10.4c0,0.4,0,0.8,0.1,1.1c0,0.5-0.1,1-0.1,1.5c0,9.7,7.9,17.5,17.5,17.5h60.2c9.7,0,17.5-7.9,17.5-17.5c0-0.4,0-0.8-0.1-1.2c0.1-0.3,0-0.7,0.1-1.1c0.3-6.5,6.4-10.9,10.6-10.8h110.1c8.5,0,16.9,6.6,16.9,14.8c0,8.2,6.6,14.8,14.8,14.8h92.6c8.2,0,14.8-6.6,14.8-14.8c0-8.2-6.6-14.8-14.8-14.8 M332.8,187.1h-21.2c-11.4,0-20.6-9.2-20.6-20.6c0-11.4,9.2-20.6,20.6-20.6h21.2c11.4,0,20.6,9.2,20.6,20.6C353.3,177.9,344.1,187.1,332.8,187.1z"/><g id="triforce"><path id="zelda_stroke" class="st1" d="M138.4,59.5h36.9l-18.5,32L138.4,59.5z M193.8,91.5l18.5-32h-36.9L193.8,91.5z M175.4,123.5l18.5-32h-36.9L175.4,123.5z"/><path id="zelda_dark_shadow" class="st0" d="M156.9,91.5l-18.5-32l18.5,10.7L156.9,91.5z M193.8,70.2l-18.5-10.7l18.5,32L193.8,70.2z M175.4,102.2l-18.5-10.7l18.5,32L175.4,102.2z"/><path id="zelda_light_shadow" class="st2" d="M175.4,59.5l-18.5,10.7l-18.5-10.7H175.4z M175.4,59.5l18.5,10.7l18.5-10.7H175.4zM156.9,91.5l18.5,10.7l18.5-10.7H156.9z"/><path id="zelda_highlight" class="st3" d="M150.6,66.6h12.5l-6.3,10.8L150.6,66.6z M193.8,77.4l6.3-10.8h-12.5L193.8,77.4zM175.4,109.4l6.3-10.8h-12.5L175.4,109.4z"/></g><g id="monkey"><path id="foot_back" class="st4" d="M187.3,354.5c2.2-4.5,1.6-12.8-3.3-18.5l-9.3,2c2.2,3.5,8.3,7.7,2.3,20.8 c-1.9,4.2-0.8,8.7,4,8.7h22.3c6.5,0,5.3-7.9,2-10.5c-4.2-3.3-10.2-3.6-15.3-1C187.9,357.1,185.3,358.7,187.3,354.5z"/> <path id="foot_front" class="st5" d="M166.3,354.5c2.2-4.5,1.6-12.8-3.3-18.5l-9.3,2c2.2,3.5,8.3,7.7,2.3,20.8 c-1.9,4.2-0.8,8.7,4,8.7h22.3c6.5,0,5.3-7.9,2-10.5c-4.2-3.3-10.2-3.6-15.3-1C166.9,357.1,164.3,358.7,166.3,354.5z"/> <path id="body" class="st5" d="M199.8,299.3l9-55.5c0,0-2.1-3.6-7.2-7.1c1.4-1.2,2.2-3.1,1.8-5c-0.6-3.1-3.9-5.3-7.5-4.8 c-2.9,0.4-5,2.4-5.4,4.8l0,0c-7.2-1.9-16.5-1.9-29.5,1.6c-1.5-3.1-5.6-5.4-9.3-5.7c-5.5-0.4-9.3,3.7-9.7,9.3 c-0.3,4.4,2.2,8.3, <path id="rock" class="st6" d="M93.4,367.5H89 M104,367.5h144l-11,17.2c-0.9,1.4-2.5,2.3-4.2,2.3H203c-1.6,0-3,0.7-4,2l-40,52"/><path id="tail" class="st7" d="M89,315c2.2-15.2-23-13.2-21.6,4.8c1.7,22.3,24.4,22.1,42.5,9.1c10.8-7.8,15.3-1.8,19.1,1.1 c2.3,1.7,6.7,3.3,11-3"/><path id="face" class="st8" d="M213.7,245.2c0,0-6-2.9-11,0.2c-4.6,2.8-9.4,1.7-14,0c-4.6-1.7-16-5.1-19.2,2.6 c-2,3.8-2.3,9.7,3.8,16.3c-0.9,10.1-2.9,37.9,28.6,34.2c10.1-1.2,24.8-12.7,25.4-18.2s-1.7-7.4-6.5-6.5 c-1.3-6.5-2.3-12.9-10.7-11.8c <path id="mouth" class="st9" d="M220.6,274.8c0,0-0.3,0.2-0.7,0.5c-0.2,0.2-0.6,0.3-1,0.5c-0.4,0.2-0.9,0.3-1.4,0.5 c-1,0.3-2.1,0.5-3.3,0.6c-1.2,0.2-2.4,0.3-3.7,0.5c-0.6,0.1-1.2,0.2-1.8,0.4c-0.6,0.1-1.1,0.3-1.7,0.5c-0.5,0.2-1,0.4-1.4,0.7 c-0.5, <path id="nose_hole" class="st10" d="M213.2,266.3c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1C212.1,266.6,212.6,266.2,213.2,266.3z"/><path id="nose_hole_1_" class="st10" d="M208.1,266.9c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1C207.1,267.3,207.6,266.9,208.1,266.9z"/><path id="monkey-eye-r" class="st10" d="M205,253.5c1.1,0.1,1.9,1,1.9,2.1c-0.1,1.1-1,1.9-2.1,1.9c-1.1-0.1-1.9-1-1.9-2.1 C203,254.3,203.9,253.4,205,253.5z"/><path id="monkey-eye-l" class="st10" d="M191.5,254.6c1.4,0.1,2.4,1.3,2.3,2.7c-0.1,1.4-1.3,2.4-2.7,2.3c-1.4-0.1-2.4-1.3-2.3-2.7 C188.9,255.6,190.1,254.5,191.5,254.6z"/><path id="mongkey_shadow_1_" class="st0" d="M209.1,281c0.9-0.9,9.4-2.6,12-3c2.4-0.4-1.6,4.1-5,5S208.2,282,209.1,281z M143.6,237.1c-0.3,3.6,1.8,7,5.2,8.4c0.4,0.2,0.7,0.5,0.8,0.9c0.1,0.4,0.1,0.9-0.2,1.2c-15.1,24.2-14.7,56.3-10.8,70 c-27.4,14.7-44.4,3.1-50.1-9.8c0.3,5.9,1.6,12.6,5.9,17.3C184.4,296.7,191.8,298.7,201.7,297.5z M208.6,261.2c-5.7,0.8-8.6-1.1-11.6,1.8c-2.8,2.7-7.7,4.6-3.8,4.1c3.9-0.6,10.1-3.4,16.8-4.1c0,0,0,0,0,0l-0.5,0c-0.2,0-0.3,0-0.4,0c-0.5,0-1-0.4-1-0.9C208.2,261.9,208.2,261.5,208.6,261.2z M198.4,300c0-0.1,0-0.1-0.1-0.2c-0.7,0-1.4,0.1-2,0.1c-7.8,0-13.9-2.3-18-6.8c-7.7-8.4-6.6-22.5-6.1-28.4c-5.6-6.2-5.6-11.5-4.6-15c-2,2.3-4.8,8.5,2.1,16.1c-3.9,6.4-5.4,26.5,9.2,36.2c7.2,4.8,16.6,5.3,20.8,2.8C199.5,302.9,199,301.2,198.4,300z"/><path id="belly" class="st11" d="M189.1,304c6.2,3,8.1,11.5,5.9,19c-2.3,7.4-9.8,10-16,7c-6.2-3-7.6-10.4-5.3-17.8S182.9,301.1,189.1,304z"/><path id="belly_button" class="st9" d="M191.2,322.3c0-0.1-0.1-0.2-0.2-0.2l-1.9-1.4l1-1.9c0.1-0.1,0.1-0.2,0-0.3c-0.1-0.2-0.4-0.4-0.7-0.3c-0.2,0-0.4,0.2-0.5,0.3l-0.9,1.7l-1.6-1.2c-0.2-0.1-0.3-0.1-0.5-0.1c-0.4,0.1-0.5,0.4-0.5,0.6c0,0.1,0.1,0.2,0.2,0.2l1.8,1.3l-1.1,2.1c-0.1,0.1-0.1,0.2,0,0.3c0.1,0.3,0.4,0.4,0.7,0.4c0.2,0,0.3-0.1,0.4-0.3l1-1.9l1.7,1.3c0.1,0.1,0.3,0.1,0.5,0.1C191.1,322.8,191.3,322.5,191.2,322.3z"/><g id="monkey_arm"><path id="monkey-arm" class="st5" d="M164.3,344.1c-0.9-0.3-1.8-0.2-2.5,0.2c-0.3-0.2-0.6-0.3-0.9-0.4c-0.8-0.3-1.5-0.5-2.3-0.5c-0.1,0-0.2-0.1-0.3-0.3c-2.4-11.4-1.1-27.6,0.3-43.8c0-0.1,1.2-5.7-2.6-7.2c-5.2-2.1-5.5,2.5-5.5,2.7c-0.5,4.8-3.6,39,1.1,51.4c0,0.1,0,0.2,0,0.3c-0.4,0.5-0.7,1-0.9,1.7c-1.5,3.9,0.7,8.3,4.8,9.9c4.1,1.6,8.7-0.3,10.1-4.2c0.5-1.3,0.6-2.7,0.3-4c0-0.1,0-0.2,0.1-0.2c0.5-0.7,0.9-1.6,0.5-2.9C166.2,345.5,165.4,344.4,164.3,344.1z"/><g id="armpit"><path class="st12" d="M165,296c0-4.3-1.8-10.8-6-12c-12.5-3.5-12.4,11.1-12.4,11.1s10.8-1.4,16.7,9.6C163.3,304.6,165,300.3,165,296z"/><path class="st11" d="M146.6,295.1c0,0,10.8-1.4,16.7,9.6"/><path class="st11" d="M144.4,296c0,0,8.7-6.6,19.2,0"/></g></g></g><g id="tetris-path"><g id="tetris"><path id="tetris_stroke" class="st13" d="M487.5,323.5h34v34h-34V323.5z M487.5,357.5h34v34h-34V357.5z M521.5,357.5h34v34h-34 V357.5z M555.5,357.5h34v34h-34V357.5z M555.5,391.5h34v34h-34V391.5z"/><path id="tetris_dark_shadow" class="st2" d="M489,356l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M489,390l6-6 c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M523,390l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H523z M557,390l6-6 c <path id="tetris_light_shadow" class="st0" d="M520,356l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V356z M520,390l-8-7.5v-13.9 c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M554,390l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M588,390l-8-7.5v </g></g><g id="stars"><path id="star1" class="st5" d="M652.6,332.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C645.5,342.3,647.3,335.5,652.6,332.5l2.4-1.4L652.6,332.5z"<path id="star2" class="st5" d="M503.4,73.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1l3.6-2.1 c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C492.7,88.4,495.4,78.3,503.4,73.7l3.6-2.1L503.4,73.7z"/> <path id="star3" class="st5" d="M330.4,335.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1 l3.6-2.1c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C319.7,350.4,322.4,340.3,330.4,335.7l3.6-2.1L330.4,335.7z"<path id="star4" class="st5" d="M135.6,176.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C128.5,186.3,130.3,179.5,135.6,176.5l2.4-1.4L135.6,176.5z"</g><g id="moon"><path id="moon_body" class="st5" d="M641,34c26,0,47,21,47,47s-21,47-47,47s-47-21-47-47S615,34,641,34z"/><path id="moon_shades" class="st0" d="M622.5,55.9c1.3,2.3,0,5.8-3.1,7.7c-3,2-6.6,1.7-7.9-0.6c-1.3-2.3,0-5.8,3.1-7.7C617.6,53.3,621.1,53.6,622.5,55.9z M628.8,94.1c-4.1-6.1-11.6-9-16.7-6.4c-5.1,2.6-5.9,9.6-1.7,15.7c4.1,6.1,11.6,9,16.7,6.4C632.2,107.2,632.9,100.2,628.8,94.1z M644.5,109c-3.6,0-6.5,2.2-6.5,5s2.9,5,6.5,5s6.5-2.2,6.5-5S648.1,109,644.5,109zM645.7,95.8c-2.3-1.2-5-0.5-6,1.4c-1,2,0,4.5,2.3,5.7c2.3,1.2,5,0.5,6-1.4C649,99.6,648,97,645.7,95.8z M686.5,81c0-25.1-20.4-45.5-45.5-45.5c-16.1,0-30.2,8.4-38.3,21c7.9-5.9,17.7-9.5,28.3-9.5c26,0,47,21,47,47c0,6.3-1.3,12.3-3.5,17.8C681.9,103.6,686.5,92.8,686.5,81z"/></g><g id="number_4"><path id="number_4_outline" class="st1" d="M379.5,235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1H339v24.3c0,5.6,4.3,10.1,9.9,10.1c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C375.6,244.3,379.5,240.4,379.5,235.5z M339,226.4h-45.5l45.5-67.8V226.4z"/><path id="number_4_inner_lines" class="st14" d="M349,158v109.2 M345.9,147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5H340 M359.5,235H379 M342,232l-4,7 M345,232l-4,7 M358,232l-4,7 M361,232l-4,7"/><path id="number_4_dots" class="st10" d="M349,266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C346.1,267.3,347.4,266,349,266z M349,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9S347.4,155.1,349,155.1z M344.4,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C341.4,145.9,342.7,144.6,344.4,144.6z"/></g><g id="number_4_2"><path id="number_4_outline_2" class="st1" d="M627,235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h56.7v24.3c0,5.6,4.3,10.1,9.9,10.1c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C623.1,244.3,627,240.4,627,235.5z M586.5,226.4H541l45.5-67.8V226.4z"/><path id="number_4_inner_lines_2" class="st14" d="M596.5,158v109.2 M593.3,147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5h51.5 M607,235h19.5 M589.5,232l-4,7 M592.5,232l-4,7 M605.5,232l-4,7M608.5,232l-4,7"/><path id="number_4_dots_2" class="st10" d="M596.5,266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C593.6,267.3,594.9,266,596.5,266z M596.5,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9S594.9,155.1,596.5,155.1z M591.8,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C588.9,145.9,590.2,144.6,591.8,144.6z"/></g><g id="number_0"><path id="number_0_outline" class="st1" d="M502,208.9c0-34-15.9-70.9-54-70.9c-38.3,0-54,36.9-54,70.9s15.7,71.1,54,71.1C486.1,280,502,242.9,502,208.9z M481.1,208.9c0,26.8-8.7,53-33.1,53c-24.6,0-33.1-26.2-33.1-53c0-26.8,8.5-52.8,33.1-52.8C472.4,156.1,481.1,182.1,481.1,208.9z"/><path id="number_0_inner_lines" class="st15" d="M487.2,175.7c-6.7-16.8-19.3-29.4-39.2-29.4c-32,0-45.1,32.5-45.1,62.4s13.1,62.6,45.1,62.6c31.8,0,44.1-32.6,44.1-62.6 M487.5,172c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5C482,174.5,484.5,172,487.5,172z M492.5,202c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5C487,204.5,489.5,202,492.5,202z"/><path id="number_0_dots" class="st10" d="M492.5,205c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5C490,206.1,491.1,205,492.5,205z M487.5,175c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5C485,176.1,486.1,175,487.5,175z M448.1,143.4c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C445.1,144.7,446.4,143.4,448.1,143.4z M448.1,268.3c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C445.1,269.6,446.4,268.3,448.1,268.3z"/></g><g id="sword-path"><g id="sword"><path id="sword_handle" class="st5" d="M444.6,196.6l0.6-0.8c1.5-2,1.8-4.3,3.8-2.8l8.9,6.8c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8 c-1.5,2-4.3,2.4-6.3,0.9L443,201C441,199.5,443.1,198.5,444.6,196.6z"/> <path id="sword_handle_line" class="st14" d="M453.9,197c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8c-1.5,2-4.3,2.4-6.3,0.9"/><path id="sword_hilt" class="st5" d="M432.5,197.1l10.6-13.9c1.6-2.2,4.7-2.6,6.9-0.9c2.2,1.6,2.6,4.7,0.9,6.9l-10.6,13.9 c-1.6,2.2-4.7,2.6-6.9,0.9C431.2,202.4,430.8,199.3,432.5,197.1z"/> <polygon id="sword_blade" class="st1" points="437,199 446,187.3 387.3,138.9 366.3,136.7 372.2,154 "/><polygon id="sword_blade_shadow" class="st0" points="436.7,197 440.3,192.3 369,138.5 368.5,138.4 373.5,153 "/></g></g></svg>View Codecss代码：.me404 {width: 1000px;height: 480px;position: absolute;top: 50%;left: 50%;margin-left: -400px;margin-top: -240px;}.st0 {fill-rule: evenodd;clip-rule: evenodd;fill: #E8EBED;}.st1 {fill: #FFFFFF;stroke: #89949B;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;}.st2 {fill-rule: evenodd;clip-rule: evenodd;fill: #DBDFE1;}.st3 {fill: #FFFFFF;}.st4 {fill-rule: evenodd;clip-rule: evenodd;fill: #E8EBED;stroke: #89949B;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;}.st5 {fill-rule: evenodd;clip-rule: evenodd;fill: #FFFFFF;stroke: #89949B;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;}.st6 {fill-rule: evenodd;clip-rule: evenodd;fill: none;stroke: #89949B;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;}。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

如果你还在为网站没有404页面自己又不会设计html网页而苦恼，这里应该流口水了，哈哈，这里有一个简单、大气的html源代码，404页面，直接把代码复制下来、粘贴，ok，这就好了，废话不多说直接上html
#代码开始#
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404你访问的页面不存在或已经删除</title>
<style type="text/css">
body{ font-family: "Microsoft Yahei",Tahoma,Geneva,sans-serif; padding:0; margin:0; font-size:14px;}
.Con{ width:800px; height:320px; position: absolute; left:50%; top:180px; margin-left:-400px; }
.Con h2{ float:left; font-size:180px; font-weight:bold; display:block; padding:38px 0 0 0; margin:0;}
.Con .Vertical{ float:left; width:1px; height:320px;
background:#DDD; margin:0 50px;}
.Con .About{line-height:24px; padding-top:15px;}
.Con .About font{font-size:16px;}
.Con .About p{text-indent:24px;}
.Con .About span{ font-weight:bold; display:block;}
.Con .About a{ padding:0 0 0 45px; color:blue;text-decoration:none;}
</style>
</head>
<body>
<div class="Con">
<h2>404</h2>
<div class="Vertical"></div>
<div class="About"><font color="red">您所访问的页面不存在或者已被删除：</font>
<p>深圳市南北互联科技有限公司是一家本土创新性软件企业，主要从事应用软件开发和网站建设。

公司总部设在广东省深圳市，我们的目标是以优势成本及优惠的价格提供给客户优质的服务！<a href="">深圳网站建设</a>、<a href="">高端网站建设</a>作为公司的核心项目，我们会用尽全力为客户打造安全、美观、实用的网上展示平台。

</p>
你可以选择：
<a href="/">返回首页</a>
<a href="javascript:history.back(-1)">返回上一页</a>
</div>
</div>
</body>
</html>
#代码结束#
这里需要注意：复制下来不能用或者网页乱码不能用，可能是因为html文档编码的问题，本代码格式为UTF-8格式，页面也请使用UTF-8格式，如果你是GBK格式的，自己改下。

我所使用的文件编辑器为notepad++，更改如下图：。