webデザイン リンクについて

質問

初歩的な質問失礼します。

リンクに関する質問をいくつかさせてください。

１. ページのフッター部分によくある「ページトップへ戻る」リンクボタンですが、
　 一般的なurlの指定の方法はあるのでしょうか？
　 href="#" では間違いでしょうか？

２. 同じページ？へのリンクのurl指定方法
　 （例えば、ある会社のサイトの「home」というページにおける、グローバルナビの「home」ボタンや、ページトップにある、クリックすれば「home」にいくロゴ画像へのurlの指定方法。 ）

２つ目はちょっと説明が下手ですが.....

どなたか教えていただけないでしょうか？よろしくお願いいたします！

回答No.3

ORUKA1951 · ベストアンサー

No.2です。
＞２の href="/"はどういう意味でしょうか？？？
　サーバのルートからと言う意味です。
　　ブラウザは現在表示しているページは
htt：プロトコル
// インターネット
abc.efg.com サーバー名/ドメイン
hij/klm パス
と知っています。もしそれがフォルダー名だとhij/klm/
　../ とか ../../ だと階層を遡ってサーバーに　GET /　とか　GET /hijを要求します。
　/だったら、ルートすなわち、/として要求します。

　/で始まる指定方法は、例えばサイト内のどこからであっても常に共通になりますから、画像やスタイルシート、あるいはトップページへのリンクを書きなおす必要がありませんね。
　そのファイルが、/abc/efg.html だろうが、abc/hij/klm.html だろうが常に、/styleshheet/css.css 、/images/aaa.jpg /index.htmlを指し示すのですから、パスで悩む心配はありません。そのファイルの階層やフォルダーを移動しても共通です。
　ただし、ローカルにHTTPサーバーを持っていないと、ローカルでテストはできません。
　⇒12 リンク( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html )

お礼

丁寧なご回答ありがとうございました！

回答No.2

ORUKA1951

1. href="#" では間違いでしょうか？
　間違いです。
　　ブラウザの多くはそのページを表示したのち、一致するnameあるいはid属性値を探そうとしますが、見つからないから止まってしまう・・・ブラウザの動作に期待するのは誤りです。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　リンクの終点側アンカーは、HTML文書中の1つの要素であってもよい。 この終点側アンカーは、アンカー名を命名されていなければならず、またこれを指し示すURIにはその名が部分識別子として含まれていなければならない。
　HTML文書中の終点側アンカーは、A要素( name属性で命名される)によっても、また他の要素(id で命名される)によっても、指定できる。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Links in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#h-12.1.1 )］より

２. 同じ【サイト】内へのリンクのurl指定方法
　HTML自体は、
<a href="/">トップページ</a>
<a href="/index.html">トップページ</a>
<a href="../index.html">トップページ</a>
など、そこを指し示していればお好きな方法で、ブラウザがきちんと解釈してくれます。
　それをどのようにプレゼンテーションするかは、スタイルシート側で行います。
　『構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )』は大原則です。

お礼

丁寧なご回答ありがとうございます。

1はきちんとアンカー名を指定しなくてはいけないのですね。

２の href="/"はどういう意味でしょうか？？？

回答No.1

kamikami30

とりあえず、
Html ページ内リンク
で、検索してみると早いと思います。

お礼

ご回答ありがとうございます。
ページ内で特定の場所にジャンプではなくて、今いるページにあるグローバルナビの、今いるページに飛ぶためのリンクボタンへのパスの指定の仕方がわからないのです。
すいません自分の説明が下手くそですね。
また機会があればお願いします。