内部リンクをHTMLで追加する初心者向けガイド

ID属性タグを使用したページブックマークの作成

HTML文書を扱っているときに、ユーザーがトピックをクリックして文書内のブックマークされた場所に即座に移動できるようにするには、ID属性タグが便利です。 これは、記事の先頭に一連のトピックをリストし、各トピックをWebページのさらに下にある関連セクションにリンクするときによく発生します。

HTML文書には頻繁に他の文書への外部リンクが含まれますが、単一の文書内にリンクを含めることもできます。 1つのタグをクリックすると、ウェブページ上の特定のブックマークされたセクションに読者が移動されます。 最終的に、ドキュメント内の正確なピクセル位置にリンクすることは可能ですが、IDタグを使用してドキュメント内のリンクと位置を作成することができます。 その後、hrefを使用してそこに行きます。 1つのタグが宛先を識別し、2つ目のタグが宛先へのリンクを識別します。

注意:HTML 4以前のバージョンでは、名前属性を使用して内部リンクを形成していました。 HTML 5はname属性をサポートしていないため、代わりにID属性が使用されます。

文書で、内部リンクをどこに行きたいかを決めます。 これらのラベルには、アンカータグをid属性で指定します 。 例えば:

アンカーテキスト

次に、アンカータグとhref属性を使用して、ドキュメントのセクションへのリンクを作成します。 指定された領域を#で指定します。

アンカーリンク

トリックは、をテキストまたはイメージの周りに置くことを確認することです。

ここ

多くの場合、人々は何も囲まずにこれらのリンクを使用していることがわかりますが、これは単語や画像を囲むアンカーほど信頼性がありません。 多くのブラウザでは、画面の上部に配置する要素があることが好まれます。 何も囲まないと、ブラウザが混乱する危険性があります。

Webページのトップに戻るリンク

ビューアをページの先頭に戻すために、Webページにリンクを遠くに追加する場合は、内部リンクを簡単に設定できます。 HTMLでは、タグはリンクを定義します。 href =の後ろには引用先のリンクのURL(またはリンクが同じ文書内にある場合は短縮URL)が続き、次にウェブページに表示されるリンクテキストが続きます。 リンクテキストをクリックすると、指定したアドレスに移動します。 この構文を使用する:

リンクテキスト