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

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

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

他のページにリンクする(場所指定)

他のページの指定した場所にリンクする方法です。

それぞれのページ自体が1画面に収まっている場合にはあまり問題にならないのですが、それぞれのページが長い場合には、リンク先の見せたい場所をページ上部からではなく、直接その場所に移動してあげた方が便利で、見やすい場合があります。

その様な場合には、移動先を指定する様にリンクを作成してみてください。

しかし、ページ上部から見ていないので、見る側として一瞬何処に移動してしまったか判断できない場合がありので、移動先をわかりやすくデザインを作成して下さい。

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

他のリンク先ページの指定場所にリンクするには、同じページにリンクすると同様に位置名称を使用しますが、移動元の#の前にurlを同時に指定して、そのページの場所を指定します。

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

この例は上記samplepagelink.htmlの指定場所にリンクします。

書き方は

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

↓そして、リンク先のページの指定場所に下記を記載します。↓


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

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

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

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