<base target="_blank">并非全局生效，仅影响未设target的、<form>和window.open()；对location.href等无效，且存在安全与可访问性风险，推荐显式声明target与rel属性。

全局指定超链接跳转策略">

<base target="_blank"> 确实能让所有未显式设置 target 的 <a href>、<form> 和 window.open() 在新标签页打开，但它**不是“全局无条件生效”的跳转开关**——很多你以为它该管的，它根本不管，而且容易踩坑。

哪些链接真受 <base target> 影响？

只影响三类行为，且前提是它们没自己写 target：

• <a href="https://example.com">（没写 target）→ 尊重 <base target="_blank">
• <form action="/login">（没写 target）→ 提交后在新页打开
• window.open('about:blank')（没传第 2 个参数）→ 新窗口打开

以下完全不受控：location.href、history.pushState()、<iframe src>、<img src>、<script src>、CSS 中的 url() —— 它们根本不触发导航跳转，base target 对它们无效。

为什么加了 <base target="_blank">，有些链接还是在当前页打开？

常见原因不是浏览器不支持，而是被更具体的声明覆盖了：

• <a href="https://a.com" target="_self"> → 自己写了 target，<base> 被忽略
• <a href="/internal">（相对路径）→ 仍受 <base target> 影响，但若页面本身部署在子路径（如 /app/），而你没配 <base href="/app/">，可能跳转地址错乱，导致看似“没跳”
• Safari 在某些 <iframe> 嵌套场景下会忽略 <base target>，需 JS 补偿：document.querySelectorAll('a[href^="http"]:not([target])').forEach(a => a.target = '_blank');

<base target="_blank"> 带来的安全与可访问性风险

它只设 target，不自动加 rel 属性。这意味着：

Html To Pdf

使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。

下载

立即学习“前端免费学习笔记（深入）”；

• 所有通过它打开的新页默认继承 window.opener 权限，存在被恶意站点控制原页面的风险
• 必须手动补全：<base target="_blank"> + 所有外链加 rel="noopener noreferrer"；或用脚本统一注入：a.setAttribute('rel', 'noopener noreferrer');
• 屏幕阅读器用户无法预知链接会在新窗口打开，WCAG 要求显式提示（如加 aria-label="在新窗口打开"），<base> 不提供这种能力

真正推荐的替代方案：少依赖 <base target>，多靠明确声明

除非是纯静态页、且所有链接行为高度一致，否则别把它当“省事神器”。更可控的做法是：

• 外链统一加 target="_blank" rel="noopener noreferrer"，比如 CMS 模板中过滤 href 以 http 开头的链接
• 站内链接保持默认（target="_self"），不写 target 即可
• 如果必须用 <base target>，确保整个页面没有混用自定义 target，并搭配 JS 补漏和 rel 注入
• <base href> 和 <base target> 可共存，但 href 必须合法（绝对 URL 或根相对路径结尾带 /），否则整个 <base> 标签被静默丢弃

最常被忽略的一点：它不解决“哪些该新窗口、哪些不该”的逻辑判断问题，只是批量覆盖。真正的跳转策略，得靠语义化标记 + 显式属性 + 少量脚本兜底。