HTMLの基礎-リンクとアンカー

• かもしれません 18, 2024

リンクを使用して、ページを他のページに接続したり、同じページの別の部分にジャンプしたりすることもできます。リンクは、たとえば本や雑誌とは異なる動的な品質をウェブサイトに与えます。

最も基本的なレベルでは、リンクタグは次のようになります。



「a」で始まるタグはリンクを示しますが、リンクには2つの基本的な種類があります。ハイパーリンクと名前付きアンカーです。ハイパーリンクは、あるWebページを別のWebページに接続するリンクであり、次のようになります。

ここにテキストをリンク

タグ内の情報は、これがWebページ「page.html」に接続するハイパーリンク（href）であることをブラウザに伝えます。タグ内のテキスト（ここではリンクテキスト）は、訪問者が実際に見るリンクの一部であり、クリックしてpage.htmlにジャンプできます。同じサイトにあるページからサイトのページにリンクしている場合、ドメイン情報を除外できます。たとえば、www.domain.com / home.htmlにあるページにリンクを作成し、リンク先ページwww.domain.com/page.htmlに接続しているリンクを作成している場合、リンクをドメイン名情報。ドメイン名を省略すると、ブラウザーはリンク先ページがリンクページと同じWebサイトにあると想定します。

名前付きアンカー（単に「アンカー」と呼ばれることが多い）は、別の目的を果たします。名前から推測できるように、アンカーはページ上に不可視のフラグを作成し、ページ上の特定のポイントに訪問者をドロップするリンクを設定したときにブラウザーにどこに着地するかを指示します。アンカーは次のようになります。



通常、アンカーは開始タグと終了タグの間にテキストを保持しません。これは、ページ上のスポットをマークするためだけにあるためです。訪問者が別のページからページ上のこのスポットにジャンプできるリンクを作成するには、次のようなハイパーリンクを作成します。

投稿セクションにアクセス

リンク内の「＃」は、名前付きアンカーにリンクしていることをブラウザに伝えます。訪問者を同じページの別のセクションにジャンプさせるハイパーリンクを作成する場合、次のようになります。

投稿セクションにアクセス

ハイパーリンクのもう1つの重要な部分は、「ターゲット」属性です。これは、宛先ページの表示方法をブラウザに指示します。 「target = "_ blank"」、「target = "_ self"」、および「target = "_ top"」の3つの主なオプションがあります。

'_blank'引数は、リンクされたページを新しいウィンドウで開きます。これは、外部サイトにリンクしている場合に特に便利です。訪問者は、サイト上の場所を失うことなく、新しいサイトを心ゆくまで閲覧できるためです。新しいウィンドウでPDFなどのドキュメントを開くことも最適です。訪問者は、ドキュメントの作成が完了するとドキュメントを自動的に閉じることが多いためです。

'_self'引数により、リンクされたページが既存のブラウザウィンドウの現在のページを置き換えます。これは、サイト内のリンクに最適です。そうしないと、サイトを何度も閲覧する訪問者は、多くの開いているウィンドウになり、非常に迷惑になります！これは 'target'属性のデフォルト引数です。したがって、ターゲットを指定しない場合、リンクは常に既存のブラウザーウィンドウを使用します。

'_top'引数は通常、フレームセットWebサイトで使用され、フレームセットの元のリンクを保持している部分に新しいページを単にロードするのではなく、ブラウザにフレームセット全体を上書きするように指示します。

動画の説明: 4-1 アンカータグ（HTMLのリンク） (かもしれません 2024).