<a>タグは、主にリンクとブックマークを定義するために使用され、ハイパーリンクまたはアンカーリンクとも呼ばれます。最も一般的な用途は次のとおりです。
ハイパーリンクHREF属性を作成し、中央のhref =のリンクにジャンプします。<a href = https://www.vevb.com/> www.vevb.com </a>ブックマークを作成し、名前またはID属性を使用してハイパーリンクの最後を使用して#とこのブックマークの名前を追加して、Webページの特定の場所にジャンプします
<a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =###top> </a> <a href =#1> open第1章</a> <a href =#2>第2章を開く</a>
EWEIテクノロジーw3cschoolのオンラインチュートリアルを開くと、タイトルの下のナビゲーションが表示されます。これは、ブックマーク名で作成されます。
JavaScriptイベント属性、クリックして異なるコマンドを実行します<a href = javascript:void(0)onclick = this.href = 'https://www.vevb.com/'> www.vevb.com </a>
カスタムアンカーリンクのCSSスタイルがない場合<a href = https://www.vevb.com/>アンカーリンクテキスト</a>、デフォルトのアンカーリンクスタイルは次のとおりです。
デフォルトのリンクスタイルが使用されます。マウスを使用して効果をトリガーしてください。
<style type = text/css>
{color:#00f}
A:訪問{色:#800080}
A:Hover {color:#f00}
</style>
<a href = https://www.vevb.com/> www.vevb.com </a>
A {color:#00F}アンカーリンクはすべて青色で下線が引かれています。
A:訪問{色:#800080}クリック後のリンクは紫色で下線が引かれています
A:Hover {color:#f00}マウスは、赤と下線のスタイルをトリガーします
ただし、これらの3つの色は強すぎるため、多くの場合、すべてのWebデザインスタイルに匹敵することはありません。他の色にアンカーリンクスタイルが必要な場合は、上記の3つのスタイルに従ってCSSで自分で色と背景を変更するだけです。
実際、HTMLが最初に起動されたとき、ブラウザは現在ほど高度ではなく、当時のコンピューター画面にはLCDや他の現在の色の色がなく、それらの多くは白黒でした。当時、それがリンクであるかどうかを区別する方法は、それを強調することです。多くの白黒モニター、またはColor Blindユーザー向けのWebページでは、Underlineを可能な限り保持してみてください。そうしないと、ユーザーは色を区別できません。
もちろん、美しさのために、現代のウェブデザインは一般に、リンクに直接下線を置くことはありません。ただし、Color Blindユーザーと白黒の携帯電話モニターユーザーの世話をするには、ユーザーのマウスがトリガーされたときにCSSスタイルを下線に設定することをお勧めします。
このページへのリンクを開くと、いくつかのリンクがそれらを開くと他のウィンドウに表示され、一部のリンクはこのページを直接置き換えることがわかります。このジャンプ方法は、アンカーリンクのターゲットプロパティを使用して、ジャンプウィンドウを設定できます。
_自己現在のウィンドウが開いており、アンカーリンクはデフォルトで現在のブラウザウィンドウにリダイレクトされます。つまり、デフォルトのターゲット= _セルです<a href = https://www.vevb.com/ target = _ self>これは現在の新しいウィンドウディスプレイEWEIテクノロジーホームページです</a>_ブランク新しいウィンドウが開きます
<a href = https://www.vevb.com/ターゲット= _blank>これは、EVテクノロジーのホームページを表示するための新しいウィンドウです</a>名前のないターゲットが同じ新しいウィンドウで開きます
<a href = https://www.vevb.com/ target = _weigeti>ここの_weigetiがWebページ内の名前またはIDではない場合、すべてのターゲット= _weigetiリンクが同じ新しいウィンドウで開かれ、_blankの各リンクは異なる新しいウィンドウを開く</a>フレーム名またはID
<a href = https://www.vevb.com/ターゲット= weigeti>ここをクリックして、下のフレームにe-weiテクノロジーのホームページを表示します。_ Parent親ウィンドウが開き、リンクフレームを含む親フレームセットまたは親ウィンドウにリンクされたファイルをロードします。リンクを含むフレームワークがネストされていない場合、リンクされたファイルは、_Selfパラメーターと同様に、ブラウザのフル画面ウィンドウにロードされます。
<iframe> <a href = https://www.vevb.com/ target = _parent>これはフレームの内側です</a> </iframe>_トップレベルのTOPフレームワーク、たとえば、WebページBはWeb Aに埋め込まれています。WebページBはiframe WebページCに埋め込まれています
<iframe> <iframe> <a href = https://www.vevb.com/ target = _top>これはフレーム内のフレームワークです</a> </iframe> </iframe>
WebページCの接続がターゲット= _Parentに設定されている場合は、WebページBを削除し、WebページCにリンクページを直接埋め込みます。
WebページCでターゲット= _topの場合、すべてのiframeフレームが直接ジャンプして、Cのリンクページに直接回転します。
_TOP現在のブラウザ全体のウィンドウでリンクされたドキュメントを開き、すべてのフレームを削除する
外部リンクは、常に検索エンジン最適化の中核の1つと見なされてきました。このため、あらゆる形態の外部リンクが表示されており、すべての外部リンクがSEOに影響を与えるわけではありません。
検索エンジンは、JavaScriptを認識する意思が少なく、すべて理解しやすいです。
<a href =#onclick = this.href = 'https://www.vevb.com/'>そのようなリンクはSEOに対して無効です</a> <a href =#onclick = window.open( 'https://www.vevb.com/');
他の当事者のWebサイトが、ソースコードを介して他の人のWebサイトとのリンクを変更するときにリンクにrel = nofollow属性を追加したことがわかった場合、このリンクは検索エンジンによってクロールされていないことを意味します。
<a href = https://www.vevb.com/ rel = nofollow>そのようなリンクはseoに対して無効です</a> <meta name = robots content = nofollow/> <a href = https://www.vevb.com/> seo </a>に無効です
Google Searchは、最初に新しいアルゴリズムを起動して、北京の色と同じ色で外部リンクを攻撃し、この外部リンクは一般に黒いリンクと見なされます。
<style type = text/css> #vgtlink {background:#fff} #vgtlink {background:#fff} </style> <div id = vgtlink> <a href = https://www.vevb.com/ id = vgtlink>そのようなリンクは、eo href = https://www.vevb.com/ style = background:#fff>そのようなリンクもseo </a>に対して無効です