404错误页,分享个404页HTML代码

频道:网站建设 日期:
我们在浏览网页时可能会遇到提示"404 错误",这表示该网页出现了访问错误,造成网站出现 404 页面的原因到底是什么呢?一起来看下文的详细介绍。

404 页面是服务器无法正常提供信息,或是服务器无法回应. 且不知道原因所返回的页面。简单来说,也就是当你打开一个网站的内页的时候,发现这个页面是不存在或者出现问题时,所跳转的当前页面称之为 404 页面。404 页面的出现,有时对于企业网站而言损害是无法弥补的,这点一定要引起企业的高度重视。

导致 404 页面出现的原因是什么?

1. 程序数据库出现异常

有些站长做事比较的粗心,或者是建站的经验并不是很丰富,在有些时候可能会误删了某个数据,或者修改了程序的一些路径,从而导致网站中出现大量的 404 错误页面。

2. SEO 优化导致的死链接

关于 SEO 优化,相信很多的拥有网站的企业对此都不会很陌生,其中外链就是 SEO 优化站长的工作之一,在外链的发布过程中稍有不慎就可能导致死链的产生,而所谓的死链是指向已经不存在页面的链接。默认情况下,访问死链接页面,服务器会返回"404 错误页面",提示没有找到相关内容,死链的出现不仅对用户体验造成不利影响,并且如果存在过多,还会影响到网站权重和排名。

3. 文件移动或删除

互联网中有些网站的文件,最初的时候是存在某个路径的,但是后来由于某种原因移走了,那如果浏览者访问之前的链接的话,肯定是无法正常打开的,从而也就会导致404页面的出现。除此之外,就是当你在你的网站发表了某篇文章的时候,该文章已经被百度搜索引擎收录了,但是后来你又将文章给删除了,当你再去访问这些文章链接的时,也会出现404页面。

4. 原 url 地址失效

404 页面的错误也就意味着链接指向的网页不存在,即原始网页的 URL 失效,这种情况出现的频率很高,想要完全避免相对来说存在一定的困难,如:网页 URL 生成规则改变. 网页文件更名或移动位置. 导入链接拼写错误等,都可能会导致原来的 URL 地址无法访问;当 Web 服务器接到类似请求时,会返回一个 404 页面,告诉浏览器要请求的资源不存在。

以上就是关于网页 404 错误提示的相关内容介绍,相信大家都有所了解吧。

<!doctype html>
<html>
<head>
<meta charset="GBK">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>404</title>
<style>body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}.main{width:992px;margin:0 auto;text-align:center}.guanggao{width:100%;text-align:center;margin-top:10px}.m_guanggao{width:100%;text-align:center}.number{text-align:center;font-size:160px;font-weight:700;color:#bfbfbf;letter-spacing:14px}.p1{font-size:20px;color:#cfcfcf}.p2{font-size:12px;margin-top:4px;color:#cfcfcf}.back{margin-top:28px}.back a{display:inline-block;height:14px;line-height:15px;font-size:16px;color:#00c091;margin:0 34px}@media(min-width:768px) and (max-width:992px){.main{width:100%}.p1{font-size:18px}.number{font-size:140px}.back a{font-size:18px}}@media(max-width:767px){.main{width:100%}.number{font-size:100px}.number span{display:none}.p1{font-size:16px}.p2{font-size:12px}}</style>
</head>
<body>
<div class="main">
    <div class="pageError">
        <div class="number">404</div>
        <div class="pageError_right"><p class="p1">抱歉,您所访问的网页不存在!</p><p class="p2">请检查您输入的网址是否正确</p></div>
        <div class="back"><a href="/" class="a1">回到首页</a><a href="javascript:history.go(-1);">返回上页</a></div>
    </div>
</div>
</body>
</html>