404页面必须是服务器返回HTTP 404状态码的纯HTML文件，内联样式与资源，链接真实有效并加rel="nofollow"，禁用自动跳转，仅提供手动刷新按钮。
404页面必须用HTML单独写，不能靠框架重定向兜底
很多团队误以为用 React/Vue 的路由 NotFound 组件就能当 404 页面——不行。真实 404 是 HTTP 状态码，需服务器返回 404 状态头 + 静态 HTML 文件，否则搜索引擎和爬虫不会识别为“页面不存在”。Nginx/Apache 必须显式配置 error_page 404 /404.html，且该文件得是纯 HTML（不依赖 JS 渲染），否则首屏可能白屏或返回 200 状态。
品牌色、字体、Logo 要直接内联，别等 CSS 加载
用户访问 404 页面时往往已处于网络不稳定或路径错误状态，外部 CSS/JS 极易加载失败。所有品牌视觉元素必须硬编码进 HTML：<style></style> 标签内联关键样式，<svg></svg> 或 base64 <img alt="怎么用HTML搭建具有品牌特色的404页面" > 嵌入 Logo，字体用系统安全栈（如 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;）。避免引用 CDN 字体或自定义 Web Font，否则文字可能回退成 Times New Roman。
链接必须指向真实存在的页面，且带 rel="nofollow"
404 页面上的导航链接（如“返回首页”“联系客服”）如果指向 /about 却实际部署在 /company，会二次打击用户体验。务必确认所有 <a href="..."></a> 地址在当前部署环境真实可访问。同时给这些链接加上 rel="nofollow"，防止搜索引擎误将 404 页面的出链当作有效路径抓取。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
不要自动跳转，但可以加手动刷新按钮
用 meta http-equiv="refresh" 或 window.location.href 自动跳回首页，既干扰用户操作，又可能被浏览器拦截（尤其 Safari）。正确做法是：只放一个醒目的 <button onclick="location.reload()">重新加载页面</button>，并附一句提示：“链接可能已过期，点击重试或检查网址拼写”。这样既保留控制权，又降低跳出率。
立即学习“前端免费学习笔记（深入）”；
最常被忽略的是状态码本身——哪怕 HTML 再精美，如果服务器没返回 404 而是 200，就彻底失去语义。上线前务必用 curl -I https://yoursite.com/this-does-not-exist 验证响应头。
