これ知ってた? base要素にtarget="_blank"を加えると、ページ内のすべてのリンクに適用できる

リンクを新しいタブで開くには、a要素に「target="_blank"」を加えます。
実はこの「target="_blank"」はbase要素にも使用でき、ページ内のすべてのリンクに「target="_blank"」を適用することができます。

サイトのキャプチャ

<base> element

HTMLは下記の通りです。
base要素にhref属性を使用することはありましたが、target属性が使用できることは知りませんでした。

仕様を見てみましょう。

サイトのキャプチャ

<base>: The Document Base URL element

下の方に属性が掲載されています。

サイトのキャプチャ

<base>で使用できる属性

a要素で使用するtarget属性と同様に使用できます。
値は、下記の通り。

  • _self
  • _blank
  • _parent
  • _top

すべてのブラウザでbase要素の「target="_blank"」が利用できます。

base要素のサポートブラウザ

base要素のサポートブラウザ

Twitterで教えてもらったのですが、iframeを使って構成されているページ(楽天とか)にもよく使われているそうです。

sponsors

top of page

©2019 coliss