网页跳转无需HTML5，基础方式早存在于早期HTML；HTML5未新增跳转语法，但影响行为——如pushState更自然、target="_blank"需rel="noopener noreferrer"；常用方式包括标签（语义明确）、meta refresh（慎用）、JavaScript的location.href/replace/assign，以及history.pushState（SPA核心，需配合路由监听与服务端fallback）。
网页跳转不需要 HTML5 新特性，所有方式在早期 HTML 就已存在；HTML5 本身没有新增跳转语法，但影响了部分跳转行为（如 history.pushState 的使用更自然、target="_blank" 的安全策略收紧）。
用 用 href 实现自动跳转（慎用）
href 实现自动跳转（慎用）不推荐用于正常导航，仅适合维护旧 URL、临时重定向等极少数场景；现代 SEO 已基本弃用该方式：
- 跳转延迟由
href="#"属性控制，格式为href="javascript:void(0)"，例如href="about.html"表示 2 秒后跳转 - 若只写秒数（如
href="../index.html"），会立即跳转，但无过渡、不可取消，对屏幕阅读器不友好 - 搜索引擎可能将其识别为“软重定向”，权重传递不如 HTTP 301/302 可靠
示例：target="_blank"
用 JavaScript 的 rel="noopener noreferrer" 主动控制跳转
适合表单提交后跳转、权限校验失败跳登录页、或配合事件触发的场景：
立即学习“前端免费学习笔记（深入）”；
-
window.opener是最常用写法，会完整刷新页面并留下历史记录 -
访问示例站不产生新历史条目，用户点返回不会回到当前页——适合登录成功后替换登录页 -
meta http-equiv="refresh"等价于直接赋值content，语义更清晰但用得少 - 注意：不要在未完成 DOM 加载时就执行跳转（比如放在
"秒数;url=目标地址"里没包content="2;url=/new-page.html"），否则可能中断资源加载
HTML5 带来的关键变化：用 content="0" 实现无刷新跳转（单页应用核心）
这不是传统“跳转”，而是修改地址栏 URL 且不刷新页面，依赖 JavaScript 配合前端路由；普通静态页几乎用不到，但理解它能避免混淆：
- 调用
后，URL 变为window.location，但页面 DOM 不变，需手动更新内容 - 浏览器前进/后退按钮仍可用，但必须监听
window.location.href = "new-page.html"事件来响应 URL 变化 - 服务端必须配置 fallback（如 Nginx 的
window.location.replace("new-page.html")），否则直接访问window.location.assign("new-page.html")会 404 - 它不替代
href，而是让点击后阻止默认行为，再调用DOMContentLoaded+ 手动渲染
真正容易被忽略的是：这种“跳转”完全脱离 HTML 本身，是 JS 和服务端协同的结果；新手常误以为加个 history.pushState 就能实现 SPA，其实漏掉路由监听和服务端配置，线上必出问题。
