プロが教える店舗&オフィスのセキュリティ対策術

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

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

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

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


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

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

A 回答 (3件)

No.2です。


>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-html4 … )
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/03/15 09:57

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-html4 … )]より

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

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

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


2の href="/"はどういう意味でしょうか???

お礼日時:2014/03/13 19:34

とりあえず、


Html ページ内リンク
で、検索してみると早いと思います。
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/03/13 19:32

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!