HTML リンクを新規タブで開く方法 target=”_blank”

こんなあなたにおすすめ

HTMLのリンクを開くと、現在のページで表示されて不便だから、新規タブで開くようにしたいという方が多いと思います

今回は、HTMLでリンクを新規タブで開く方法について解説します。

リンクを新規タブで開く方法

リンクを新規で開くには、target=”_blank”を使います。

<a href="https://w-workblog.com/" target="_blank">w-workblog - HP</a>

↓実際に、target=”_blank”で書いたコード
>>w-workblog – HP

target属性は、”_blank”以外にもあるため、他の種類について軽く紹介しておきます。

値	説明
_self	現在使用しているウィンドウ(フレーム)に表示する ※targetを省略した場合のデフォルト値
_parent	親ウィンドウ(フレーム)に表示する
_top	フレーム分割を解除し、ウィンドウ全体に表示する
_blank	新規ウィンドウに表示する
フレーム名	指定したフレーム名にウィンドウを表示する

ここまで、リンクを新規タブで開く方法について解説しました。

リンクを新規タブで開けると便利ですので、ぜひ使ってみてください。

本で学習したい方には、以下の参考書がおすすめです。
>>スラスラわかるHTML＆CSSのきほん

エンジニアを目指すなら、TechAcademy！
オンラインスクール受講者数No.1！

・自宅にいながらオンライン完結で勉強できる
➡スクールへの移動時間を削減するため、効率的に学習可能！

・受講生に1人ずつ現役のプロのパーソナルメンターがつく
➡分からないことがわかるまで徹底的にメンターに質問可能！

・チャットで質問すればすぐに回答が返ってくる
➡レスポンスが速いから、わからないことをその場で解決！

・オリジナルサービスやオリジナルアプリなどの開発までサポート
➡就職、転職のときに役立つポートフォリオを開発可能！

無料で体験できるので、まずはお試し
>>TechAcademyの無料体験はこちら