• ベストアンサー

トップページにリンクを貼る方法

トップページにリンクを貼るときに、いつもだと"<a href="../index.html">topへ</a>"で指定しているのですが、たまたま指定を"<a href="/">topへ</a>" というふうに"/"のみで指定しても、どの階層からでもトップに戻ることができました。 これはHTMLの文法的には正しい記述方法なのでしょうか? とっても楽チンで簡単なので使いたいのですが、ちょっと不安です。 申し訳ございませんが、どなたかお助けください。 よろしくおねがいします。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • is_may
  • ベストアンサー率65% (58/89)
回答No.1

文法的に正しいです。ディレクトリの相対パスで、一番最初に"/"をつけると、"ルートディレクトリから~"という指定になります。 ですから"<a href="/">TOP</a>"とした場合は絶対パスで"http://***.com/"を指定するのと同じと言うわけです(ファイル名が省略されているのでindex.htmlやindex.htmが参照される)。 余談ですが"/"がルートディレクトリを指すわけなのでルートディレクトリにある"info"フォルダ内を参照する場合は <a href="/info/***.html">インフォメーション</a> と指定することもできます(というかこっちの方が楽です)。 <a href="../../info/***.html"></a>のように階層でルートディレクトリまで戻るのは面倒ですからね。。

yassan3507
質問者

お礼

速攻の返信ありがとうございます。もんのすごく助かりました。 ガンガン使っていこうと思います。 ありがとうございました。

関連するQ&A

  • ページ内リンク アンカー

    ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.html よろしくお願いします。

  • 「トップページに戻る」indexを省略してリンク記述する場合

    【トップページに戻る】というリンクを 「href="../index.html」と今まで記述していましたが 「href="/"」と省略して記述する方法を最近知って使うようになりました。 この方法だと、トップページに戻った時にブラウザのアドレス欄にindex.htmlが表示されなくてスッキリしている点が気に入っています。 しかしパソコン上で作業する時に、上記のリンクをクリックするとハードディスクのルートが表示されたりして、トップページに戻ってくれないのが不便です。 何かいい対処法(フリーソフトでハードディスク内の特定のフォルダのみネット上の階層感覚で使えるソフト等)あれば教えていただきたいです。ちなみに、html作成ソフトはホームページビルダー12やEmEditor等を使用しています。

  • HDMLでのリンク

    HTMLで同ページ内の指定箇所にリンクを張りたい場合、 以下のような感じで記述すると思うのですが、 HDMLの場合にはどのように記述すれば、同ページ内の指定箇所にリンクを張ることが可能でしょうか? アドバイスお願いします。 <a href="#top">aaa</a> . . <a name="top">bbb</a>

  • <a href="/">トップへ</a> これ良いですか?

    3階層のリンクでどこからでも一番上のトップindexに戻る場合は、 <a href="/">トップへ戻る</a> これで、文法上とか回線上とかSEO的に問題ないですか? それとも <a href="index.html">トップへ戻る</a> <a href="../index.html">トップへ戻る</a> <a href="../../index.html">トップへ戻る</a> とかの方がいいですか? あと 2階層目imageフォルダ内の画像は、 どこからでも指定する場合は、これも /image/aa.png これで、どこからでも表示出来るみたいですが image/aa.png とか ../image/aa.png とか ../../image/aa.png 上と下は、どちらがいいでしょうか? <(_ _)>

    • ベストアンサー
    • HTML
  • ページ内リンクが動作しません

    IE6.0でCGIで動的に作成したHTMLでページ内リンクがききません。 <a href="foo.cgi#top">a</a> このように記述していてfoo.cgiで吐き出すHTML内には <a name="top"></a> があります。 FireFoxでは上の記述で問題なくページ内リンクがきくのですが、IEだけききません。 IE固有の問題だと思うのですが、とても困っています。 シェアの関係から言ってIEできいて、FireFoxできかないのならある程度許せるのですが逆はさすがにまずいです。 IEでもうまく動作させる方法はあるのでしょうか? ちなみに <a href="foo.html#top">a</a> はうまく動いてくれます。動的に生成したページのみ無理なのです。 IE7.0でこの問題が解決されているようなら問題ないのですが、確認できていません。 ネットでもいろいろ調べてみましたがうまくヒットせず探しきれていません。

    • 締切済み
    • CGI
  • ページ内リンクのidって・・・

    超初級ですがHTML+CSSでホームページを作っています。 ページの最下段によく見る「TOPへ戻る」といったページ内リンクについてですが、 出発点に <a href="#abc">TOPへ</a> 到達点に <div id="abc"></div> という記述をし、この「abc」にスタイルを指定しても問題ないでしょうか? (例えば到達点のdivには会社名を入れ、テキストの大きさや色を指定するとか) 語句などの使い間違いあるかもしれませんが、よろしくお願いします。

  • 同一ページの先頭へのリンク

    縦長のページの下に ▲topへ というリンクを作って、ページの先頭に戻れるようにしたいと思っています。 <a href="#top">▲topへ</a>としていますが、IE以外ではページの頭に飛んでくれません。 ▲topへ の文字の指定や枠を作るため<div><span>で囲んでいますが、それが影響しているのでしょうか? 本文はHTML4.01です。 色々見て、考えているのですが、どうしても分りません。 どうしたらページ先頭へ飛ぶように直せるでしょうか。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • indexのページの途中にリンク

    通常サイト内でトップのindexへリンクを張る場合 <a href="/" >index</a> という感じになるかと思うんですが、続けてページの中の途中へリンクを張る場合 <a href="/#name>name</a> これで行けるかと思ったらうまく行きませんでした。 正式にはどのように書けばよいのでしょうか?

  • 親ページから子ページへのリンク

    FFFTPでリンク先を指定して張り付けたのですが、リンク先が表示されません。<a href="○○○">○○○</a>でやっています。 メモ帳で、作っていて、FC2をサーバーにしています。 TOPページから、子ページにリンク先を指定しているのですが、それぞれは単独で閲覧できます。 TOPページから、リンク先をクリックするとURLがTOPページのままで、最後尾に#がつくだけです。 何処が間違っているのか教えてください。 FFFTPでアップロードは、してみました。

  • トップページリンクにindex.html

    トップページのファイル名がindex.htmlとすると、トップページへのリンクはhttp://xxx.com/index.htmlとなりますが、http://xxx.com/でもトップページに飛べますよね(ページでなくディレクトリが表示されてしまう場合もありますが)。 トップページへのリンクにはindex.htmlを書いたほうがよいのでしょうか? 私は、ディレクトリに飛んでしまう危険を避けるため、index.htmlを書くべきではないかと思うのですが。 なお、「http://xxx.com/ のほうが見ばえがよい」などの「見ばえ」については無視して考えてください。

    • 締切済み
    • CSS

専門家に質問してみよう