15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 公益的响应式的404页面代码

公益的响应式的404页面代码

时间:2023-06-10 22:57:01 | 来源:网站运营

时间:2023-06-10 22:57:01 来源:网站运营

公益的响应式的404页面代码:404状态码是一种HTTP状态码,通俗的讲就是当用户输入了错误的链接时显示的页面。网上虽然有很多花哨的HTML代码,但个人觉得404页面不宜太花哨,首先必须给用户准确地、直观地传达一个意思:这个页面不存在或已被删除了。而不是进入以后感觉不对,半天才反应过来:噢!原来我的网址有误或者页面已经被网站删除了。

来自域名公益的404页即是一个友好的、公益性的404提示页面,它主要以寻找走失的孩子为题材,样式直观简洁明了,兼顾电脑和移动端甚至中英双语,毕竟现在是移动时代,404页面支持友好的移动展示效果是非常有必要的,如果访问者客户端语言非中文,将会以英文提示,那么对国外访问者也挺友好的。

目前域名公益的404页面已经上线宝塔面板第三方插件市场两年多,已经超过12万个站点使用,累积展示4000多万次,安全性和稳定性是没问题的,需要的站长可以直接在宝塔第三方插件市场免费安装,当然你也可以自己动手安装:在你目前的404页面插入一句JS代码即可,并且各个参数可自定义,至于不同web服务器如何配置404页面请自行百度。

先贴代码:

<!DOCTYPE html><meta charset="utf-8"/><script src="//cdn.dnpw.org/404/v1.min.js" maincolor="#F00" tips="" error="" jumptime="-1" jumptarget="/" charset="utf-8"></script><script>function diy(){// your js code here}</script><!--欢迎加入404公益,使用说明如下:src:加载资源域名,递增可能有其他样式;maincolor: 主题色调或高亮色,可配合您站点主色进行配置;jumptime: 自动跳转时间,单位秒,-1为手动点击跳转;jumptarget:自动跳转目标网址,默认 / 网站首页;tips: 页面短提示,客户端语言为中文默认为“错误提示”,其他为“Oops!”;error:页面长提示,客户端语言为中文默认为“该页面找不到或已被删除”,其他为“The page was not found”;function diy()}内可以写入自己的javascript代码,用于如修改页面元素等,会在页面加载完成后立即执行;你还可以新增CSS代码并利用!important特性,覆盖页面样式;项目主页:https://www.dnpw.org/404-->分别有4个样式,可替换加载资源v1.min.js ~ v4.min.js,依次效果如下图:


支持自动深色模式,请自行体验,还是放图一张吧!

你还可以放入你的程序模板中,只需插入变量,比如国内著名ThinkPHP框架:

<script src="//cdn.dnpw.org/404/v3.min.js" maincolor="#f00" jumptime="{$wait}" jumptarget="{$url}" tips="提示" error="{$msg}" charset="utf-8"></script>



关键词:响应,公益

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭