【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页

简介: 【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页

展示效果

源码



html
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>404 页面未找到</title>
    <meta http-equiv="refresh" content="2;url=/"> <!-- 设置2秒后跳转到首页 -->
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 100px;
            background-color: #f2f2f2;
        }

        h1 {
            color: #333;
        }

        p {
            color: #666;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>404 页面未找到</h1>
    <p>对不起,您请求的页面不存在或已被删除。</p>
    <p>请检查您的URL是否正确,或者返回<a href="/">首页</a>。</p>
    <p>如果您认为这是一个错误,请联系网站管理员。</p>
</body>
</html>



备注


代码中/代表跳转到到首页,如果需跳转其他页面直接替换即可

使用 标签进行页面重定向是一种简单的方法,但并不是最佳实践。在某些情况下,这种方法可能被视为对用户体验不够友好。如果您有条件,考虑使用JavaScript或其他更高级的技术来实现更平滑的重定向效果。

目录
相关文章
|
2月前
超好看的404提示页面HTML源码
超好看的404提示页面HTML源码
229 77
|
5天前
|
移动开发 前端开发 JavaScript
HTML5实现好看的博客网站模板源码
HTML5实现的精美博客网站模板,适用于个人博客、简历等多种场景。代码简洁规范,页面干净整洁,内置首页、列表、文章等通用模板,支持多种风格切换,兼容性强,易于扩展和修改,附带完整注释,适合初学者上手。提供源码下载及在线预览,方便直接使用或二次开发。
50 1
HTML5实现好看的博客网站模板源码
|
7天前
|
存储 API 文件存储
单页图床HTML源码+本地API接口图床系统源码
图床系统是一种用于存储和管理图片文件的在线服务。它允许用户上传图片文件,并生成相应的图片链接,从而方便用户在网页、社交媒体或其他平台上分享图片。
21 2
单页图床HTML源码+本地API接口图床系统源码
|
20天前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
37 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
2月前
可爱狗狗的404动画HTML源码
可爱狗狗的404动画HTML源码
147 17
|
6天前
一款内容直观的引导页HTML源码
一款内容直观的引导页HTML源码
16 6
|
5天前
|
移动开发 前端开发 JavaScript
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
23 2
|
16天前
|
开发者 CDN
阿里云CDN边缘脚本示例实现/?p123重定向/p/123.html
本文介绍了如何通过EdgeScript实现URL重定向,将`http://www.example.com/?p123`重定向到`http://www.example.com/p/123.html`。使用捕获请求URI中的参数并进行重写,具体代码和内置变量参考阿里云CDN开发者文档。示例代码展示了关键的实现步骤。
30 8
|
10天前
实时天气卡片单页HTML源码
实时天气卡片单页HTML源码
13 0
实时天气卡片单页HTML源码
|
10天前
“可以成为我的恋人吗”HTML源码
“可以成为我的恋人吗”HTML源码,双击html文件可以本地运行,打开HTML页面,上面显示可以或者不要,越是拒绝,可以的按钮就会越来越大,直到点击可以为止
84 0

热门文章

最新文章