ホームページ作成TOP > リンク > 他のページにリンクする(場所指定)
他のページにリンクする(場所指定)
他のページの指定した場所にリンクする方法です。
それぞれのページ自体が1画面に収まっている場合にはあまり問題にならないのですが、それぞれのページが長い場合には、リンク先の見せたい場所をページ上部からではなく、直接その場所に移動してあげた方が便利で、見やすい場合があります。
その様な場合には、移動先を指定する様にリンクを作成してみてください。
しかし、ページ上部から見ていないので、見る側として一瞬何処に移動してしまったか判断できない場合がありので、移動先をわかりやすくデザインを作成して下さい。
sample
HTML <a href="#位置名称>〜</a>,<a name="位置名称">〜</a>
他のリンク先ページの指定場所にリンクするには、同じページにリンクすると同様に位置名称を使用しますが、移動元の#
の前にurl
を同時に指定して、そのページの場所を指定します。
意味 | 書き方 |
---|---|
リンクの移動元 | <a href="url#位置名称">〜</a> |
リンクの移動先 | <a name="位置名称">〜</a> |
この例は上記sample
のpagelink.html
の指定場所にリンクします。
書き方は
<a href="リンク先#位置名称">このページの一番下にリンクします。</a>
↓そして、リンク先のページの指定場所に下記を記載します。↓
<a name="位置名称">ここにリンクしてます。</a>
ホームページ作成TOP > リンク > 他のページにリンクする(場所指定) > このページのTOP ▲
スタイルシートでは、リンクした時の表示方法などの変更が可能です。
ホームページ作成TOP > リンク > 他のページにリンクする(場所指定) > このページのTOP ▲
スポンサードリンク
無料メール情報誌
ワンランクUP講座
ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。
サイト内検索
おすすめ1冊
全体レイアウトを実際のサイト事例を使用し、詳細までを解説。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
おすすめソフト
Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。
検証結果