如何为 HTML 中的所有 A 标签提供 target= "_blank"

我有一个html页面，其中有很多使用a标记的链接。我想在不同的选项卡中打开所有链接，而不是在所有的a标签中设置target="_blank"，是否可以在css中这样做：

a{target="_blank";}

有人能告诉我吗，提前谢谢。

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

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

源

您还可以添加一个小脚本

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

如果所有代码都在一个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/

此外，始终将rel="noopener"或rel="noreferrer"用于target="_blank"，因为忽略它们会带来安全风险！看见https://web.dev/external-anchors-use-rel-noopener/

相关内容