<a>タグを使うとほかのページへ遷移できますが、
普通はリンク先のページの一番上から表示されます。
例を挙げると、「よくある質問集」で、多くの質問事項の中から
その答えのところにリンクが張られていれば、すぐに答えを発見でき
ユーザーに分かりやすいつくりとなります。
ページの途中にジャンプさせるリンクの方法を
「アンカーリンク」と呼びます。アンカーリンクは、
リンク元と同じページ内のコンテンツに限らず、別のページの
指定した場所に遷移することもできます。
リンク先にジャンプするにはジャンプ先をid属性を使って名前をつける
アンカーリンクを張るには、まずリンク先のコンテンツに名前を付けなければ
なりません。サンプルコードのようにid属性を使って「名前」をつけることで
遷移先を指定することができます。
リンク先のid 「名前」
リンク元のaタグ内 <a href="#start"></a>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLのメモ</title> </head> <body> <div id="start"></div> <p>001</p> <p>002</p> <p>003</p> <p>004</p> <p>005</p> <p>006</p> <p>007</p> <p>008</p> <p>009</p> <p>010</p> <p>011</p> <p>012</p> <p>013</p> <p>014</p> <p>015</p> <p>016</p> <a href="#start">一番上へ</a> </body> </html> |