'target' : Blank or New?

author
0 minutes, 30 seconds Read
written by Andrew Chilton
on March 29, 2019

Links. 他のページへのリンク、内部リンク、リンクでないリンク。 私たちがそれらをどうしようと、それらはワールドワイドウェブの基本的な構成要素の1つです(なぜ私たちはもうそれをあまりそう呼ばないのでしょうか)。

とにかく、これは1つのことと1つのことだけを詳述する短くてシンプルな投稿です。 新しいタブでリンクを開きたい場合、どうすればよいのでしょうか。 とても簡単なことなのですが、私はいつも次のどの形式なのか忘れてしまいます:

<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>

そしてこれがその答えです。 _blank. なぜか? なぜなら、_newには特別な意味がないからです。

<a href="https://example.com" target="_blank">Open in new Tab</a>

StackOverflow の posttarget=”_blank” vs target=”_new” を見つけるために Google 検索をする必要はもう二度とありません。

その点、_blank, _self, _parent, および _top だけ特別な意味があるんです。 9960>

Security Note

ただ、信頼できない Web サイトを指すときに _blank を使用する場合は、同様に rel="noopener" も追加する必要があることに注意してください。 これにより、開かれたサイトが opener プロパティにアクセスできなくなり、JavaScript からあなたのサイトに関する情報を見つけることができるようになります

<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>

詳細は、Google の Web Developers サイトと Mathias Bynens による rel=”noopener” についてです

Similar Posts

コメントを残す

メールアドレスが公開されることはありません。