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