404 html

作者：硝烟发布日期:2025-10-02 浏览:44

<!-- 404.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - 页面未找到</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            color: #333;
            text-align: center;
            padding: 50px;
        }
        h1 {
            color: #d9534f;
        }
        a {
            color: #28a745;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>404 - 页面未找到</h1>
    <p>对不起，您访问的页面不存在。</p>
    <p>您可以<a href="/">返回首页</a>或尝试其他操作。</p>
</body>
</html>

解释说明：

HTML结构：这是一个标准的HTML5文档结构，包含<!DOCTYPE html>声明、<html>标签、<head>和<body>部分。
Meta信息：设置了字符编码为UTF-8，并指定了视口（viewport）以确保在移动设备上正确显示。
样式：使用内联CSS来设置页面的基本样式，包括背景颜色、字体、颜色等，使页面看起来更加美观。
内容：页面主体包含一个标题（404 - 页面未找到）、一段解释文字以及一个返回首页的链接。
链接：提供了一个返回首页的链接，帮助用户继续浏览网站。

上一篇：ios打开html

下一篇：静态html源码