如何在 HTML 文档中通过全局指定超链接跳转策略-html教程-PHP中文网

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

$如何在 html 文档中通过 <base target=\$ 全局指定超链接跳转策略">

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

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

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

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

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

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

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

Html To Pdf

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

下载

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

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

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

所有通过它打开的新页默认继承 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> 标签被静默丢弃