ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLハイパーリンクタグのTARGET属性の詳細説明 A_HTML/Xhtml_Webページ制作

HTMLハイパーリンクタグのTARGET属性の詳細説明 A_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:42:09
オリジナル
2177 人が閲覧しました

ハイパーリンクタグはリンクポイントを表し、英語のアンカーの略称です。その機能は、現在の位置にあるテキストまたは画像を他のページ、テキスト、または画像に接続することです。これはよく知られていますが、その文法構造はあまり知られていないため、効果的に使用するには、その文法構造を理解する必要があります。 タグの基本的な構文構造は次のとおりです。

class=type
id=value
href=reference
name=value
rel=same |next |parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>接続

タグの文法構造からわかるように、ハイパーリンクを設定するときにさまざまなリンク効果を実現するために選択できるパラメーターが多数あります。これは少し予想外でしょうか。 !

ターゲットの詳細な説明:

1._blank example ブラウザーで新しいウィンドウが開き、example.html ドキュメントが表示されます
2 ._parent example は親フレームセット ドキュメント
を指します。3._self example はドキュメントを現在のページ フレームに読み込みます
4._top example は削除しますすべてのページ フレームとドキュメントの使用 .html はフレームセット ドキュメントを置き換えます
ヒント 1: 他の人のページ フレームがあなたの Web ページを参照しないようにするには、次を追加します:
ヒント 2: 現在のページで接続を開くか、更新しますそれを現在のページに送信します。

をファイル ヘッダーに追加します。 class および id オプションは、通常、リンク ポイントのタイプと割り当てられた ID 番号を設定するために使用されます。設定されていません。最も一般的に使用される 2 つのパラメータは、href と name です。 href はハイパーテキスト リファレンスの略で、リンク アドレスを設定するために使用されます。リンク アドレスは URL アドレスである必要があります。特定のパスが指定されていない場合、デフォルトのパスは現在のページのパスと同じになります。 リンク先のファイルもいくつかの状況に分けられます。HTML ファイルの場合は、現在のブラウザで直接開かれます。実行可能ファイル (.exe ファイル) の場合は、ファイルが直接実行またはダウンロードされます。この機能は、Word形式などのテキストファイルであれば、ブラウザ上で開いて編集・加工することができます。

rel: リンク関係の設定を示します。rel=same はリンク先のファイルがこのファイルと同じであることを示し、rel=next はリンク先のファイルが次のページであることを示し、rel=parent はリンク先のファイルであることを示しますこのファイルがリンクされることを意味します。 ファイルの親ファイルである rel=previous は、リンクされるファイルが前のページであることを意味します。

rev: 逆リンクの設定に使用されます。

Target: フレーム ウィンドウを使用するときにリンクするウィンドウを設定します。target="_bank" は、Web ページを開くために新しいウィンドウを開くことを意味します。

タイトル: リンクポイントが選択されたときに表示されるタイトルを設定します。

onclick: イベントに対応し、リンク ポイントがクリックされると、このイベントがトリガーされ、対応するサブルーチンが実行されます。

onmouseover: onclick と同様に、マウスがリンク ポイント上に移動すると、対応するイベントがトリガーされます。

onmouseout: マウスが町の連絡先から出た後に、対応するイベントがトリガーされます。

いくつかの例:

ホームページに戻る
音声ファイルを再生
実行対応するプログラム
処理する対応するドキュメントを開きます

アプリケーションスキル

1. ダウンロード ファイルを提供します

多くのネチズンがダウンロード効果を提供する方法を尋ねる書き込みをしています。実際には、これはまだハイパーリンクですが、ダウンロード用のファイルを Web サイトにアップロードする必要があります。例: ダウンロード用の「Web ページ スキル」ファイル パッケージがあり、ファイル名は「homepagejq.zip」で、Web サイトにアップロードされています。このリンクのコードは次のように記述できます。 ダウンロードするにはここをクリックしてください。 「Web ページ スキル」ファイル パッケージ

2. リンク先のWebページを新しいウィンドウで開きます

「target」の値を「_blank」に設定します。例: Web ページ「aboutme.htm」を新しいウィンドウで開きます。この効果を生成するコードは次のとおりです: About me...

3. マウスをリンクに移動し、説明テキストの行を表示します。

この効果を得るには、「title」パラメーターの値を設定します。例:「黄山の村人」というリンクにマウスを移動すると、「Webページ制作スキルを紹介するプロのWebサイトです」という説明が表示されます。このリンクのコードは次のようになります: 黄山の村人

4. リンクの上にマウスを移動すると、ウィンドウがポップアップします

これは、onmouseover パラメータを設定することによって得られる効果です。例: マウスをリンク上に移動すると、ウィンドウがポップアップし、ウィンドウ内に「マウス ホバー効果のデモンストレーション!」と表示されます。このリンクのコードは次のようになります: Link。同様の方法を使用して、マウスを押すとプロンプト ウィンドウがポップアップし、マウスを離すとプロンプト ウィンドウがポップアップする効果を作成できます。

5. このページの指定されたコンテンツへのリンク

このページのコンテンツの特定の部分へのリンクを実現するには (つまり、「 file") を使用するには、パラメータ名を使用してリンク ポイントの名前を指定する必要があります。テキストの一部を選択し、リンク用の name パラメーターを使用して名前を付けます。いわゆる同じファイル内でのジャンプとは、読者が非常に長いファイルを読んでいるときに、コンテンツの特定の部分だけに興味がある場合は、ジャンプ読書方法を使用できることを意味します。基本的な形式は次のとおりです。

パート 2前半の内容
後半の実際の内容

この場合「第 2 パート」のハイパーリンクをクリックすると、自動的に「第 2 パート 実際のコンテンツ」の場所に移動します。 「name」パラメータで定義されるリンクポイント名は任意に選択できますが、リンクの「href」パラメータのリンクポイント名と一致している必要があります。先頭に「#」を追加することを忘れないでください。

6. 他のページの指定されたコンテンツの場所へのリンク

方法は上記の例と似ていますが、リンクポイント名の前に Web ページを追加する必要があります「href」パラメータファイル名に。例: page1.htm と page2.htm という 2 つの Web ページがあり、各ページにはコンテンツの 2 つの部分があります。リンクをクリックすると、page1.htm の 2 番目の部分に移動します。 page2.htm より優れています。まず、page2.htm の 2 番目の部分の先頭に次のコードを記述します。 ; このようなリンク コードを page1.htm に記述します。 page2 の 2 番目の部分 部分的なコンテンツ

7. E_mail へのリンク

ハイパーリンクをクリックすると、クライアント コンピュータの電子メール管理ソフトウェアが起動して手紙を書きます。次のコード行を考えてみましょう: 私に手紙を書いてください。 「書き込みをお願いします」のリンクをクリックすると、メール管理ソフト(OEなど)の書き込み機能が自動的に起動し、受信者のアドレスバーにメールアドレスが追加されます。

リンクは、テキストをキャリアとして使用するだけでなく、画像をキャリアとして使用することもでき、画像の特定の部分をキャリアとして使用することもでき、上記の効果を達成することもできます。同じですが、唯一の違いはキャリアであり、リンクの 2 つの角括弧で囲まれた部分であるため、別の例は示しません。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート