アンカーリンクの設定方法について

同一サイト内で別ページの特定箇所に移動するリンクを作る方法が知りたいと思っています。

よろしくお願いします。

This topic has been closed for replies.

Community Expert

こんにちは。

アンカーリンクは簡単です。

表示させたいコンテンツのアンカータグ<a></a>を追加します。

例：

<a href="(ページ)http://xxxx.com/index.html" (+別タブで開く場合は、target="_blank"を挿入)>(表示させたいコンテンツ)yyyyy</a>

チュートリアルページがあるのでご参照ください。

momohanna

Participant

ありがとうございます。他のページへのリンクは理解しました。同一サイト内の「別ページ特定箇所」に移動するリンク方法が上手くいきません。よろしくお願いします。

Community Expert

ご紹介したページの　3.同じwebページ内の別のセクションにリンクする　で説明しているように別ページでも同様で、サイト内の相対パスで表したページの特定箇所の要素に固有の識別名としてid名を指定する必要があります。

idは一意の文字列です。

リンク元：<a href="yyyy.html/#hoge">HOGEへ飛ぶ</a>

リンク先：<h2 id="hoge">HOGEの位置</h2>

リンク先が単なる文字列や画像では見つけられないので、htmlの要素を個別に指定してあげるという意味です。

momohanna

Sign up