フロントエンドの調査では、アンカーを追加する方法を1つずつHTMLに記載しています

ページにアンカーを追加する3つの方法

HTMLのリンクは、正しい方法で「アンカー」と呼ばれる必要があります。アンカーリンク(ブックマークリンクとも呼ばれます)という名前のリンクは、大きくて扱いにくいコンテンツを含むWebページでよく使用されます。名前の付いたアンカーをクリックすると、ドキュメントをポイントできるだけでなく、また、ページ内の特定の段落を指すこともでき、リンクオブジェクトをフォーカスに近づけるための「正確なリンク」のための便利なツールとして使用できます。閲覧者がウェブページのコンテンツを閲覧するのに便利です。これは、本を読んだときのページ番号やチャプターバックプロンプトに似ています。ページの特定の部分を指定する必要がある場合は、アンカーポイントをマークするのが最善の方法です。

SEOに対するアンカーリンクの影響

アンカーリンクは非常に重要な概念です。適切なアンカーリンクをWebページに追加すると、それが配置されているWebページとそれが指すWebページの重要性が高まり、キーワードのランク付けに影響します。SEOに対するアンカーリンクの影響は、主に次の側面に反映されます。

アンカーリンクが配置されているページへの影響

通常、ページに追加されたアンカーリンクはページ自体と一定の関係があるため、アンカーテキストはアンカーリンクが配置されているページのコンテンツの評価として使用できます。例:この記事には「SEO」リンクが含まれています。これは、この記事がSEOと特定の関係にあることを意味します。

アンカーリンクが指すページへの影響

アンカーリンクは、ポイントするページのコンテンツを正確に説明できます。したがって、アンカーリンクは、ポイントするページの評価として使用できます。

キーワードランキングに対するアンカーリンクの影響

キーワードランキングのアンカーリンクの重要性は、コンテンツページをランダムにリンクできるため、スパイダーがより多くのページを適切にクロールでき、重みを均等に伝達できることです。同時に、ページの関連性が高まり、最終的にWebサイトのキーが向上します。単語ランキング。

アンカーを追加する方法

1.アンカーテキストラベルにIDを追加し、見つけるために、リンクをクリックすると、ida01のpタグにジャンプします。

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p id="a01">练习</p>
<p>练习</p>

このような配置は、任意のラベルに配置できます。

2.タグのテキストにアンカーを追加し、リンクをクリックして、名前がa01のタグにジャンプします。

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<a name="a01" href=“#”>练习</a>
<p>练习</p>

name属性は、タグの検索にのみ使用でき、divなどの他のタグの検索には使用できません。

3.jsを使用します。

<li class="" οnclick="javascript:document.getElementById('here').scrollIntoView()"></li> 

おすすめ

転載: blog.csdn.net/pig_html/article/details/110682924