利用HTML代码中的base标签控制整个页面所有链接的打开方式-html教程-PHP中文网

不能。的 target 属性仅影响未显式声明 target 的和标签，对等标签无效；且显式设置 target 会完全覆盖 base 设置，其作用仅为兜底而非强制覆盖。

利用html代码中的base标签控制整个页面所有链接的打开方式

base 标签能控制所有链接的打开方式吗？

不能。<base> 只能设置 href（默认路径）和 target（默认打开方式），但它对 <a></a>、<link>、<img> 等标签的 href 或 src 的**解析基准路径**起作用，而 target 属性仅影响那些**没显式声明 target 的和

换句话说：<base target="_blank"> 会让所有没写 target 的 <a href="..."></a> 默认在新标签页打开；但只要写了 target="_self"，就完全无视 <base> 的设置。

如何正确使用 base 的 target 属性

必须把 <base> 放在中，且只能出现一次；它只对后续解析的、未指定 target 的可跳转元素生效：

<a href="page.html"></a> → 尊重 <base target="_blank">
<a href="page.html" target="_self"></a> → 忽略 base，强制当前页打开
<form action="/submit"></form> → 若没写 target，也受 base 影响
<img src="logo.png"> → target 对它无效，base 只影响其 src 解析路径

常见踩坑：target="_blank" 带来的安全与体验问题

直接写 <base target="_blank"> 很方便，但会带来两个实际风险：

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

所有未设 target 的外链自动新窗口打开，可能造成用户迷失（尤其移动端）
缺失 rel="noopener noreferrer" 时，新页面可通过 window.opener 访问原页面，存在安全漏洞
即使用了 <base target="_blank">，也无法自动补上 rel 属性——浏览器不帮你加

所以更稳妥的做法是：放弃 <base target>，改用显式标注 + 工具辅助：

<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部链接</a>

替代方案：用 JavaScript 动态控制更灵活

如果真需要统一控制大量链接行为（比如统一加 rel、拦截内部/外部跳转逻辑），<base> 能力太弱。推荐在页面加载后用 JS 处理：

document.querySelectorAll('a[href]').forEach(a => {
  if (a.hostname !== location.hostname) {
    a.target = '_blank';
    a.rel = 'noopener noreferrer';
  }
});

这样既能区分内外链，又能确保安全属性，还不会被 <base> 的全局性反向制约。

真正要注意的是：<base> 的 target 是“兜底”机制，不是“强制覆盖”，而且它一设就是全站生效，改起来容易牵一发而动全身。上线前务必检查所有已有链接是否依赖默认行为。