如何将 target="_blank" 赋给 html 中的所有 a 标签

Question

我有一个 html 页面，其中包含许多使用 a 标签的链接。我想打开不同选项卡中的所有链接，而不是在所有标签中设置 target="_blank"，是否可以像下面的 css:

a{target="_blank";}

谁能告诉我一下，先谢谢了。

Answer 1

为页面上的所有超链接和表单指定默认目标：

<head>
  <base target="_blank">
</head>

Answer 2

你也可以添加一个小脚本

<script>
document.querySelectorAll('a')
    .forEach(function(elem) {
        elem.setAttribute('target', '_blank');
    })
</script>

Answer 3

如果所有代码都在一个 HTML 文件中，最简单的方法是运行 CTRL/CMD+F 并向其中添加 target="_blank"。例如，这在 Sublime Text 中很容易做到。

这也可以通过 PHP 轻松完成。

通常，CSS 用于设置 HTML 标记的样式；因此，我认为使用 CSS.

添加目标没有任何实际价值

我建议您考虑是否真的要在所有链接上使用 target="_blank"，因为这通常被认为是不好的做法。参见 https://www.searchenginejournal.com/when-not-to-use-target_blank-link-attribute/19924/

此外，总是对您的target="_blank"使用rel="noopener"或rel="noreferrer"，因为忽略这些是安全风险！参见 https://web.dev/external-anchors-use-rel-noopener/

how to give target="_blank" to all a tags in html