<meta http-equiv="refresh">是HTML原生自动跳转方式，需写在<head>内，格式为content="秒数; url=目标地址"，分号后须空格、url=全小写、推荐绝对路径；它不依赖JS但不可控，现代浏览器限制0秒跳转，SEO不友好，仅适用于静态页或JS失效兜底场景。
用 http-equiv="refresh" 实现页面自动跳转
直接在 <head> 里写一行 <meta> 标签就能跳，但秒数和 URL 必须严格按格式填，漏空格或引号错都会失效。
基本写法：
<meta http-equiv="refresh" content="3; url=https://example.com">其中
3 是等待秒数，url= 后是目标地址，分号 ; 和 url= 都不能少，也不能写成 URL= 或 Url= —— 它大小写敏感，只认小写的 url。
跳转失败的常见原因
不是代码没写，而是这些细节卡住：
-
content值里没有空格：必须是"3; url=..."，不是"3;url=..."（分号后要跟一个空格） - 目标 URL 缺少协议：写
url=/about会跳到当前域下的相对路径；写url=about.html也一样；要跨域必须带https://或http:// - 页面已有其他
<meta http-equiv="refresh">：浏览器只认第一个，后面的会被忽略 - 用户禁用了刷新（比如某些隐私模式或插件），这个 meta 就完全不生效
和 JavaScript 跳转比有什么区别？
它不依赖 JS，适合纯静态页或 JS 被禁用的场景，但控制力弱：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 无法监听跳转前事件（比如弹确认框、发请求）
- 无法动态计算延迟时间 ——
content值必须是写死的字符串，不能拼变量 - Chrome 等现代浏览器对
0秒跳转有拦截（防恶意重定向），建议至少设为1 - SEO 友好性差：搜索引擎可能不把这种跳转当作正常导航，影响收录
替代方案：什么时候该换用 window.location
如果需要更可靠或更灵活的跳转，优先用 JS：
例如：
setTimeout(() => { window.location.href = "https://example.com"; }, 3000);好处是能加判断逻辑、兼容性更可控、支持取消（用 clearTimeout）。但前提是 JS 可执行 —— 如果你明确要支持无 JS 环境（比如邮件里的 HTML 片段、老旧终端），那 http-equiv="refresh" 仍是唯一选择。
真正容易被忽略的是：这个 meta 标签一旦插入就不可撤销，也没回调机制。想做“3 秒后跳，但用户点了按钮就立刻跳”，只能靠 JS 覆盖，meta 本身做不到。
