株式会社I-SEED(アイシード)|大阪・心斎橋のWEB制作集団

markdown(マークダウン)記法で外部リンク(別タブ)にする方法

markdown(マークダウン)記法で外部リンク(別タブ)にする方法

sahirinosahirino
この記事は、2020年3月16日に編集し、約 2 分で読めます。

マークダウン記法便利ですよね。

このブログでも、マークダウン記法の入力方法をまとめました。
マークダウン記法まとめ

でも、マークダウン記法でリンクを設定した場合、target="_blank"が付かずに同じタブで開いてしまいますよね。

今回は、マークダウン記法でリンクを設定しても、別タブで開く方法をご紹介します。

Markdownでリンクを設定する方法

おさらいですが、[テキスト](URL)の型にすると、リンク(a)タグになります。

[Google](https://www.google.com/)

Markdownで設定したリンクを別タブで開く方法

jQuery を使用します。
javaScript を使用している箇所に記載してください。

$("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');

これで、同じドメイン以外のリンクに全てtarget="_blank"が付きます。

なお、ヘッダーやフッターで使用したい場合は、以下のコードをjQuery読み込み後に記載してください。

<script>
$(function(){
 $("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>
この記事を書いた人
sahirino

ホームページ作成をメモ帳時代からやってます。ゲーム大好き!「格闘ゲーム」や「デジタルカードゲーム」を好みます。大会にもチラホラ参加しています。

sahirinoをフォローする

WEBの事でお悩みなら、まずは一度 I-SEED にご相談ください!

I-SEED は 「デザイン」「SEOマーケティング」「システム開発」を併せ持つWEB制作会社です。

コーポレート、オウンドメディア、ECなど様々な分野のサイト制作を得意としています。システム開発も自社で行っているので、様々なプロジェクトに柔軟かつ迅速に対応できるのが強みです。

大阪に良いWEB制作会社がいないとお困りの方は、是非一度 I-SEED までご相談ください。

I-SEED では随時採用も行っています。各種エンジニア、ディレクター、デザイナー、ライター、マーケターの全職種を募集しています。ご興味がある方は採用ページもご覧ください。

ブログページに戻る