404页面必须由服务器返回http 404状态码且响应体为自定义内容才真正生效；本地双击打开无法测试，需通过本地服务或部署后检查network面板验证；github pages、netlify、vercel等平台配置差异大，js跳转或meta刷新仅返回200，损害seo。
404页面不生效？先确认服务器或托管平台是否真在返回404状态码
本地双击打开 index.html，再手动改地址栏为 /xxx，永远看不到你写的 404.html——因为没走 HTTP 服务，根本发不出 404 状态码。浏览器只当它是个普通路径跳转，返回的仍是 200。
验证方式只有两种：
- 用
npx serve -s .启服务（注意：加-s会 fallback 到index.html，测试真实 404 需去掉该参数，并确保根目录有404.html） - 部署后用浏览器开发者工具的 Network 面板，刷新一个不存在路径，看响应头里
Status是否为404，Response URL是否指向你的/404.html
常见失效原因：GitHub Pages 要求文件名必须是 404.html 且放在仓库根目录；Vercel 默认不识别该文件名，必须配 vercel.json；Netlify 更推荐用 _redirects 文件写 /* /404.html 404，否则可能只渲染页面但状态码仍是 200。
纯静态 HTML 的 404 页面，为什么不能靠 JavaScript 跳转模拟
写 window.location.href = '/404.html' 或 <meta http-equiv="refresh">，本质是客户端重定向，HTTP 状态码仍是 200。搜索引擎会把它当正常页面索引，造成大量重复内容，损害 SEO。
真正有效的 404 页面必须满足两个条件：
- 服务器返回的 HTTP 状态码是
404（不可由前端伪造） - 响应体是你的
404.html内容（视觉友好，但状态码才是关键）
单页应用（如 React Router、Vue Router history 模式）例外：它们依赖前端路由，所有路径都 fallback 到 index.html。此时 404.html 需加一段脚本判断当前路径是否为真实 404：if (window.location.pathname !== '/404.html') { window.location.href = '/'; }，防止用户误入死循环。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
HTML 结构和文案怎么写才不算“裸奔”
别只放个 <h1>404</h1> 就完事。用户需要知道“发生了什么”和“接下来能做什么”。
最小可用结构建议：
-
<h1>404 Not Found</h1>—— 标题必须含数字和英文，方便机器识别 - 一段简短解释：
您访问的页面可能已被删除、移动，或者网址输入有误。 - 至少一个明确入口：
@#@#@#@#@#@#@#@#@#@0（不要用按钮，避免 JS 依赖） - 可选增强项：内联
<style></style>控制字体、居中、颜色；避免引用外部 CSS，以防其 404
避免踩坑：
- 别写“服务器出错了”，那是
500的话术 - 别隐藏导航或留白太多，用户此刻最需要的是出口
- 别用
aria-hidden="true"包住主标题，屏幕阅读器需准确播报“404”
托管平台配置差异直接影响 404 是否“真有效”
同一份 404.html 文件，在不同平台行为完全不同：
-
GitHub Pages：只认
/404.html，路径必须严格匹配，且不执行 JS 路由逻辑 -
Netlify：支持
404.html，但更可靠的是_redirects文件里写/* /404.html 404，强制所有未命中路径返回真实404状态码 -
Vercel：默认忽略
404.html；必须在vercel.json中配置重写规则，例如：{"rewrites": [{"source":"/(.*)","destination":"/404.html"}]}，但注意这会覆盖所有路径，实际应配合routes或使用notFound: true（Next.js 场景）
最易被忽略的一点：无论你设计得多漂亮，如果平台没返回 404 状态码，搜索引擎就当它是普通页面，用户也收不到“页面不存在”的明确信号——视觉再好，也是假 404。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
