スポンサーリンク
スポンサーリンク

ジャンプ先をしたい場合に使うアンカーリンク

HTMLページ構造

<a>タグを使うとほかのページへ遷移できますが、
普通はリンク先のページの一番上から表示されます。

例を挙げると、「よくある質問集」で、多くの質問事項の中から
その答えのところにリンクが張られていれば、すぐに答えを発見でき
ユーザーに分かりやすいつくりとなります。

ページの途中にジャンプさせるリンクの方法を
「アンカーリンク」と呼びます。アンカーリンクは、
リンク元と同じページ内のコンテンツに限らず、別のページの
指定した場所に遷移することもできます。

リンク先にジャンプするにはジャンプ先をid属性を使って名前をつける

アンカーリンクを張るには、まずリンク先のコンテンツに名前を付けなければ
なりません。サンプルコードのようにid属性を使って「名前」をつけることで
遷移先を指定することができます。

リンク先のid 「名前」
リンク元のaタグ内 <a href=”#start”></a>

記事の始めへ

コメント

タイトルとURLをコピーしました