HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLを使用して新しいタブでリンクを開く方法

ユーザーをサードパーティのWebページに誘導する場合、デフォルトの動作では、リンクは同じタブ内のそのページに直接移動します。サードパーティの外部リンクを新しいタブで開いて、ページに簡単に戻ることができるようにすることで、ユーザーをページにとどめることができます。この記事では、その方法について説明します。

構文

<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>

この特定の機能は簡単です。ターゲット属性を追加して_blankに設定する必要があります。ブラウザの設定に応じて、新しいブラウザタブまたは新しいブラウザウィンドウで開きます。 noreferrer属性とnoopenerrel属性は、あなたがどこから来たのかを隠す部分と、悪意のある攻撃を防ぐ部分です。

Noreferrerは、SEO（検索エンジン最適化）が特定のユーザーの出身地を認識しないようにします。代わりに、直接リンクとして表示されます。 Noopenerは、悪意のあるhtmlドキュメントがドキュメントにアクセスして悪いことをするのを防ぎます。

コードベース全体は次のとおりです。

<html>
<head>
 
 <link href="./style.css" type="text/css" rel="stylesheet" />
 
</head>
 <body>
   <a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click on the link to See a Kitten!</a>
 </body>
</html>

  1. 新しいタブでGoogle検索結果を自動的に開く方法

    Google検索ではほとんどすべてのものを見つけることができますが、情報の量自体が当惑する場合があります。検索結果のリンクを開いてから、新しく開いたページから別のページへ、そして別のページへと新しいリンクをたどると、すぐに元のクエリから遠く離れていることに気付くでしょう。 そのため、Google検索セッション後に結果に表示されるリンクをクリックするたびに、新しいウィンドウタブで検索結果を開くことをお勧めします。自動的にそうするようにGoogleを設定する方法は次のとおりです。 新しいタブでリンクを開く ブラウザを開き、Googleホームページに移動します。 ページの下部には、サイトの操作

  2. Chromeの新しいタブページをカスタマイズする方法

    Google Chromeブラウザの最新リリースでは、ユーザーインターフェースにいくつかの変更が加えられています。気付く新しいもののいくつかは、丸みを帯びたタブであり、HTTPSサイトの「セキュア」バッジがロックアイコンに置き換えられ、新しいタブページの外観が新しくなっています。すべての更新を行っても、デフォルト設定を使用すると、新しいタブページが少し退屈に見える場合があります。 Chrome 69では、拡張機能を使用せずにこのページをカスタマイズできます。 [新しい]タブページに最初に遭遇したときの最も顕著な変更は、リンクショートカットです。以前は8つのサイトが表示され、Webサイトのスク