ホームページ作成(リンク)
無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > リンク > 同じページにリンクする(指定場所)

同じページにリンクする(指定場所)

同じページにリンクする(指定場所)方法です。

ページ自体が縦に長いページであった場合などに有効です。

ページの上部に『目次』の様にリンクリストを設置し、下部にその内容を記載する様な『Q&A集』などに良く見かけ、同一ページ内で上から下へ、また、下から上へと移動が簡単に出来ます。

下から上に戻るだけに使用しているページも、ブログを中心に見かけます。『△TOPへ戻る』などといったリンクが該当します。

sample
HTML <a href="#位置名称>〜</a>,<a name="位置名称">〜</a>

同一ページ内でリンクするには、下記にある様にリンクの移動先となる位置名称を指定する事によってリンクが可能になります。

通常のリンク(<a href="">)と違うのは、リンク先の位置名称の前に # を付けますので注意して下さい。

意味書き方
リンクの移動元<a href="#位置名称">〜</a>
リンクの移動先<a name="位置名称">〜</a>
書き方は

<a href="#位置名所">このページの一番下にリンクします。</a>

                     :

<a name="位置名所">ここにリンクしてます。</a>

ホームページ作成TOP > リンク > 同じページにリンクする(指定場所) > このページのTOP ▲

スタイルシートでは、リンクした時の表示方法などの変更が可能です。

ホームページ作成TOP > リンク > 同じページにリンクする(指定場所) > このページのTOP ▲

→ここにリンクしてます←