ホームページ作成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 ▲
スポンサードリンク
無料メール情報誌
ワンランクUP講座
ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。
サイト内検索
おすすめ1冊
全体レイアウトを実際のサイト事例を使用し、詳細までを解説。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
おすすめソフト
Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。
検証結果