0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【html】ページ内のリンクを常に別タブで開かせる

0
Posted at

作業メモです。

問題

<a> タグのリンクを別タブで開かせたいなら、target="_blank"<a> に書き足すだけで済みますね。また、セキュリティ対策として rel="noopener noreferrer" も一緒に書くことが主流です。
例:

html
<a href="https://qiita.com" target="_blank" rel="noopener noreferrer">Qiita</a>

1つなら十分ですが、大量の <a> があると骨が折れますね。
書き忘れなどのリスクも生じます。

解決策

html には <base> タグというものがあります。

<base> は HTML の要素で、文書内におけるすべての相対 URL の基点となる URL を指定します。 <base> 要素は、文書内に 1 つだけ置くことができます。

これを、文章の <head> 中、href 属性を持つすべてのタグの前に、次のように記述します。

html
  <base target="_blank" rel="noopener noreferrer">

これで、明示的に target を宣言しない限り、すべての <a> タグのリンクが別タブで開くようになります。

以上。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?