Web サイトのさまざまな HTML ドキュメントは、ハイパーリンクを通じて相互に接続され、一貫した Web サイトを形成しています。ユーザーはハイパーリンクをクリックすると、閲覧したいページにジャンプできます。したがって、ハイパーリンクはどの Web サイトでも見ることができ、Web サイトを接続して全体を形成するための中心的なコンポーネントです。
アンカー ポイントの配置
HTML ハイパーリンクは、アンカー ポイントとして <a> タグを使用してトリガーされます。アンカー ポイントには、テキスト、単語、または文を使用できます。 、または画像または形状です。マウスがアンカー ポイントのあるキャリアに移動すると、マウスは小さな手になり、ユーザーがアンカー ポイントをクリックすると、< の href に対応するアドレスにジャンプします。 ;a> タグ。
jump 属性の使用法
HTML リンクでは、href 属性を使用して別のドキュメントへのリンクを作成でき、通常はページ ジャンプに使用されます。これは非常に一般的なので、再度説明しません。
name 属性を使用してドキュメント内にブックマークを作成し、ハイパーリンクがドキュメント内のページの特定の部分にジャンプできるようにします。たとえば、ページの中央に配置するには、<a name=”dian1″></a> を設定します。次に、<a href=”#dian1″> ページの先頭にあるアンカー ポイント </a> を設定します。ページがスクロールし、名前のブックマークにジャンプします。場所はページの中央です。
HTML リンク構文
HTML リンク コードの使い方は非常に簡単です。例:
<a href=”url”>アンカーテキストリンク</a>
href属性は、開始タグと終了タグの間のテキストを使用します。ハイパーリンクとして表示されます。
HTMLリンクのtarget属性
target属性は、アンカーテキストをクリックした後にページがどのように開かれるかを設定できます。特殊なドキュメント リダイレクト操作に使用される 4 つの予約されたターゲット名があります:
_blank
ブラウザは常に、新しく開かれた名前のないウィンドウにターゲット ドキュメントをロードします。
_self
このターゲットの値は、ターゲットを指定しないすべての <a> タグのデフォルトのターゲットであり、ターゲット ドキュメントがロードされ、ソース ドキュメントと同じフレームまたはウィンドウに表示されます。このターゲットは、ドキュメント タイトルの タグの target 属性と組み合わせて使用しない限り、冗長であり、不要です。
_parent
このターゲットにより、ドキュメントが親ウィンドウ、またはハイパーリンクによって参照されるフレームを含むフレームセットに読み込まれます。この参照がウィンドウ内またはトップレベルのフレーム内にある場合、それは target _self と同等です。
_top
このゴールにより、ハイパーリンクを含むウィンドウにドキュメントが読み込まれます。_top ゴールを使用すると、含まれているフレームがすべてクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。一般に、iframe フレーム内のアンカー ポイントをクリックするために使用され、ターゲット リンクは iframe にロードされるのではなく、現在のページで直接開かれます。
HTML 接続 - id 属性
id 属性は、HTML ドキュメント内にブックマーク タグを作成するために使用できます。
ヒント: ブックマークは特別な方法で表示されるわけではなく、HTML ドキュメントにも表示されないため、読者には表示されません。
例
HTMLドキュメントにIDを挿入:
<a id="tips">役立つヒントセクション</a>
HTMLドキュメント内に「役立つヒントセクション」へのリンクを作成します(id=ヒント")":
<a href="#tips">役立つヒント セクションにアクセス</a>
または、別のページ セクション (id="tips) から「役立つヒント」へのリンクを作成します")":
<a href="http://www.php.cn/html/html-links.html#tips">
役立つヒント セクションにアクセスしてください</ a>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<a href="http://www.php.cn/" target="_blank">php中文网!</a>
<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
</body>
</html>
次のセクション