HTMLの<a></a>
(アンカー)タグのtarget
属性は、リンクがクリックされたときにリンクドキュメントを開く場所を指定します。これは、いくつかの値を取ることができるオプションの属性であり、それぞれがブラウザにリンクされたリソースの開くことを特定の方法で処理するように指示します。 target
属性の共通値は次のとおりです。
- _blank :ブラウザの設定に応じて、新しいブラウザウィンドウまたはタブでリンクされたドキュメントを開きます。
- _ self :クリックされたのと同じフレームでリンクされたドキュメントを開きます(
target
属性が指定されていない場合、これはデフォルトの動作です)。
- _Parent :現在のフレームの親フレームにリンクされたドキュメントを開きます。
- _TOP :既存のフレームを交換して、ウィンドウの全身にリンクされたドキュメントを開きます。
- FRAMENAME :名前付きフレームでリンクされたドキュメントを開きます。
ターゲット属性は、HTMLのリンクの動作にどのように影響しますか?
target
属性は、ブラウザがリンクされたドキュメントをどのように、どこで開くかに直接影響します。各値が動作にどのように影響するかの詳細な内訳は次のとおりです。
- _blank :この値は、ブラウザに新しいブラウジングコンテキストでリンクURLを開くように指示します。これは、一般に新しいタブまたはウィンドウを意味します。これは、外部コンテンツにアクセスできるようにしながら、ユーザーをサイトに保管したい外部リンクに役立ちます。
- _ Self :この値を使用すると、ブラウザはリンクがクリックされた同じフレームまたはウィンドウでリンクされたURLを開きます。これは、
target
属性が使用されない場合のデフォルトの動作です。
- _ Parent :この値は、現在のフレームの親フレームをターゲットにしています。これは、フレーム付きWebサイトで特に役立ちます。親フレームがない場合、それは
_self
と同じように動作します。
- _TOP :この値により、リンクされたドキュメントが完全なオリジナルウィンドウで開き、フレームが壊れます。これは、現在のページがフレーム化されていても、リンクされたコンテンツがウィンドウ全体に表示されるようにするのに役立ちます。
- FRAMENAME :特定のフレーム名が指定されている場合、その名前のフレーム内にリンクされたドキュメントが開きます。これは、コンテンツが表示されている場所を正確に制御する複雑なフレームサイトで役立ちます。
Web開発における異なるターゲット属性値の一般的なユースケースは何ですか?
target
属性の異なる値は、Web開発においてさまざまな目的を果たし、そのユースケースは次のように概説できます。
- _blank :ソーシャルメディアプロファイルや他のWebサイトなどの外部リンクに一般的に使用されます。これにより、ユーザーは現在のページを離れることなく外部サイトにアクセスできます。これは、サイトとのユーザーエンゲージメントを維持するのに特に便利です。
- _self :これはデフォルトであり、同じWebサイト内の内部ナビゲーションで最も一般的に使用されています。ユーザーに、新しいウィンドウやタブを開くことなく、サイトのページをシームレスにナビゲートしてもらいたいときに使用されます。
- _Parent :他のフレームに影響を与えることなく、親フレームのコンテンツを置き換えるフレームWebサイトで使用されます。たとえば、ナビゲーションメニューが1つのフレームにあり、メインコンテンツが別のフレームにあるWebサイトでは、リンクをクリックすると、ナビゲーションをそのままに保ちながらメインコンテンツフレームを置き換える可能性があります。
- _TOP :これは、フレームから抜け出すためによく使用されます。たとえば、サイトが別のサイトに囲まれており、ユーザーにページを完全に表示してもらいたい場合、
_top
を使用するとこれを実現できます。
- FRAMENAME :これは、マルチフレームレイアウトで特定のフレームをターゲットにするシナリオで使用されます。たとえば、複数のセクションを持つサイトでは、それぞれ独自のフレームにリンクをクリックすると、特定のフレームのコンテンツを交換しながら、他のフレームを変更せずに置き換えることができます。
ターゲット属性を使用すると、SEOに影響を与えることができますか?
target
属性の使用は、SEO(検索エンジン最適化)に直接的および間接的な効果をもたらすことができます。方法は次のとおりです。
-
直接的な影響:
target="_blank"
を使用すると、外部リンクをクリックした後にユーザーがサイトに戻らない場合があるため、直感率が向上する可能性があります。検索エンジンは、これをサイトのコンテンツが十分に魅力的ではないことを示す兆候として解釈する可能性があるため、回復率が高いとサイトのSEOに悪影響を与える可能性があります。
-
間接的な影響:サイトのユーザーエクスペリエンスとナビゲーションフローは、
target
属性の使用方法によって影響を受ける可能性があります。新しいタブやWindowsで予期せずにリンクを開いているため、ユーザーがサイトをナビゲートするのが難しいと感じた場合、これによりネガティブなユーザーエクスペリエンスが発生し、SEOが間接的に影響を与える可能性があります。一方、 target
属性の思慮深い使用は、例えば、重要な情報を複数のタブでアクセスできるようにすることにより、使いやすさを改善できます。
-
アクセシビリティとベストプラクティス:
target="_blank"
の過剰使用も、アシスタントテクノロジーに依存しているユーザーにとって見当違いになる可能性があるため、アクセシビリティにも影響を与える可能性があります。検索エンジンは、アルゴリズムのアクセシビリティをますます考慮しているため、アクセシビリティの慣行が不十分な場合、間接的にSEOに害を及ぼす可能性があります。
結論として、 target
属性自体はSEOランキングに直接影響しませんが、ユーザーエクスペリエンス、直帰率、およびアクセシビリティへの影響は、Web開発プラクティスで慎重に考慮すべき間接的な効果をもたらす可能性があります。
以上が&lt; a&gt;のターゲット属性は何ですか タグ?どのような値が必要ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。