これ知ってた? base要素にtarget="_blank"を加えると、ページ内のすべてのリンクに適用できる
Post on:2019年5月14日
リンクを新しいタブで開くには、a要素に「target="_blank"」を加えます。
実はこの「target="_blank"」はbase要素にも使用でき、ページ内のすべてのリンクに「target="_blank"」を適用することができます。

HTMLは下記の通りです。
base要素にhref属性を使用することはありましたが、target属性が使用できることは知りませんでした。
1 2 3 |
<head> <base target="_blank"> </head> |
仕様を見てみましょう。

<base>: The Document Base URL element
下の方に属性が掲載されています。

<base>で使用できる属性
a要素で使用するtarget属性と同様に使用できます。
値は、下記の通り。
- _self
- _blank
- _parent
- _top
すべてのブラウザでbase要素の「target="_blank"」が利用できます。

base要素のサポートブラウザ
Twitterで教えてもらったのですが、iframeを使って構成されているページ(楽天とか)にもよく使われているそうです。
sponsors