HTMLリンク
HTML リンク
HTML は、ハイパーリンクを使用して Web 上の別のドキュメントに接続します。リンクはほぼすべての Web ページにあります。リンクをクリックすると、あるページから別のページにジャンプします。
例:
<html> <head> <meta charset="utf-8"> </head> <body> <a href="http://php.cn/">这个是连接哦</a> </body> </html>
上記のコードは、クリックすると指定された別のページにジャンプします。
HTML ハイパーリンク (リンク)
ハイパーリンクは、単語、単語、単語のグループ、または画像にすることができます。これらのコンテンツをクリックすると、新しいドキュメントまたは現在のドキュメント部分の特定のポイントにジャンプできます。 。
Webページ内のリンク上にマウスポインタを移動すると、矢印が小さな手に変わります。
<a> タグを使用して HTML でリンクを作成します。
<a> タグを使用するには 2 つの方法があります:
href 属性を使用する - 別のドキュメントへのリンクを作成する
name 属性を使用する - ドキュメント内にブックマークを作成する
ハイパーテキストとは?
マークアップ言語の真の力は、収集したドキュメントを組み立てて完全な情報ライブラリにし、そのドキュメント ライブラリを世界中の他のドキュメント コレクションとリンクできる能力にあります。
このようにして、読者は画面上のドキュメントの表示を完全に制御できるだけでなく、ハイパーリンクを通じて情報を閲覧する順序も制御できます。これは、HTML および XHTML の「HT」、つまり Web 全体を接続するハイパーテキストです。
ハイパーテキストの基本知識
ハイパーテキストの基本的な機能は、現在の文書、ローカル エリア ネットワーク内の他の文書、または文書内のどこにでもインターネット。これらの文書は、複雑に絡み合った情報の網を形成します。通常、ターゲット ドキュメントはソースと何らかの関係を持ち、ソースを強化します。ソース内のリンク要素は、この関係を閲覧者に伝えます。
ハイパーリンクはさまざまな効果に使用できます。ハイパーリンクは、目次やトピック リストで使用できます。閲覧者は、ブラウザ画面上でマウスをクリックするか、キーボードのキーを押して、ドキュメント内の興味のあるトピックを選択して自動的にジャンプしたり、ドキュメント内のまったく別のコレクションにジャンプしたりできます。
ハイパーリンクは、閲覧者にドキュメント内のトピックに関する詳細情報を提供することもできます。たとえば、「さらに詳しい情報が必要な場合は、これこれのページを参照してください。」作成者はハイパーリンクを使用して情報の重複を減らすことができます。たとえば、作成者は各ドキュメントに自分の名前で署名することをお勧めします。これにより、各文書に完全な連絡先情報を含める必要がなく、名前を住所、電話番号などを含む別の文書にリンクするハイパーリンクを使用できるようになります。
標準用語でのハイパーテキスト、またはアンカーは、<a> タグでマークされ、2 つの方法で表現できます。アンカーの 1 つのタイプは、ドキュメント内にホットスポットを作成します。ホットスポットは、ユーザーによってアクティブ化または選択されると (通常はマウスで)、ブラウザーをリンクします。ブラウザは、同じドキュメントまたは別のドキュメントの一部を自動的にロードして表示したり、電子メールの送信や特別なファイルのダウンロードなど、特定のインターネット サービス関連のアクションをトリガーしたりします。別のタイプのアンカーは、ハイパーリンクによって参照できるマークを文書内に作成します。
ハイパーリンクに関連付けられたマウス関連のイベントもいくつかあります。これらのイベントを JavaScript と組み合わせて使用すると、刺激的な効果を生み出すことができます。
注意事項
どちらのタイプのアンカーも同じタグを使用しているため、同じ名前が付けられている可能性があります。ただし、これらを分離して、ホットスポットとハイパーリンク アドレスを提供するアンカーを「リンク」、ドキュメントのターゲット部分をマークするために使用されるアンカーを「アンカーの種類」と考えると、両方を理解しやすくなることがわかります。
HTML リンク構文
リンクの HTML コードは非常にシンプルです。次のようになります:
<a href="url (リンク先ページの URL)">リンク テキスト</a>
HTML リンク - target 属性
target 属性を使用すると、リンクされたドキュメントが表示されるターゲットを定義できます。
次の行は、新しいウィンドウでドキュメントを開きます:
<html> <head> <meta charset="utf-8"> </head> <body> <a href=" target="_blank" >这个是连接哦</a> </body> </html>
前の例を比較して、違いを確認してください。
HTML 接続 - id 属性
id 属性は、HTML ドキュメント内にブックマーク タグを作成するために使用できます。
ヒント: ブックマークは特別な方法では表示されず、HTML ドキュメントにも表示されないため、読者には表示されません。
![フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Apipost 実用化 [API、インターフェース、自動テスト、モック]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
