初歩的な質問失礼します。
リンクに関する質問をいくつかさせてください。
1. ページのフッター部分によくある「ページトップへ戻る」リンクボタンですが、
一般的なurlの指定の方法はあるのでしょうか?
href="#" では間違いでしょうか?
2. 同じページ?へのリンクのurl指定方法
(例えば、ある会社のサイトの「home」というページにおける、グローバルナビの「home」ボタンや、ページトップにある、クリックすれば「home」にいくロゴ画像へのurlの指定方法。 )
2つ目はちょっと説明が下手ですが.....
どなたか教えていただけないでしょうか?よろしくお願いいたします!
No.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 … )
No.2
- 回答日時:
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 … )』は大原則です。
丁寧なご回答ありがとうございます。
1はきちんとアンカー名を指定しなくてはいけないのですね。
2の href="/"はどういう意味でしょうか???
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- Word(ワード) WordからPDF保存した時の目次ジャンプ機能について 1 2022/06/10 10:59
- Word(ワード) Word のマクロについての質問です。 ボタンを押すと登録したブックマーク先にジャンプする機能(リン 3 2023/08/16 12:17
- JavaScript JavaScriptで「〇以上▲まで」の書き方 1 2022/07/20 14:44
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- ホームページ作成・プログラミング ログインしないとみることができないWebページの作成方法 3 2023/07/29 13:33
- WordPress(ワードプレス) WordPress ドメイン移転後のURL変更 2 2022/07/03 08:53
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- その他(クラウドサービス・オンラインストレージ) firestorage_androidスマホでダウンロードできない 1 2022/10/25 08:18
- SEO 関係ないページを検索エンジンが拾ってしまう 1 2022/05/14 11:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
form action="#"
-
ページ内リンクで<a href="#任...
-
ページの途中にリンクするとそ...
-
インラインフレームの中に表示...
-
a:linkのスタイルのインライン指定
-
リンク先からリンク元の、同じ...
-
<a target="_top" href="***.ht...
-
画面を開いたときに指定位置ま...
-
googleサーチコンソールで、重...
-
iframe内の特定の場所にジャン...
-
マップを使ってページをリンク...
-
httpdで接続が拒否される
-
ポップアップ画面にアンカーを...
-
Preタグ内URLからリンクは張れ...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
フレーム内のPHPへPOSTで情報を...
-
htmlの中にexcelが埋め込むには...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
form action="#"
-
googleサーチコンソールで、重...
-
<a href="/">トップへ</a> こ...
-
ページの途中にリンクするとそ...
-
インラインフレーム内のアンカ...
-
Preタグ内URLからリンクは張れ...
-
画面を開いたときに指定位置ま...
-
httpdで接続が拒否される
-
ポップアップ画面にアンカーを...
-
WEBページのヘッダーフッターを...
-
インラインフレームの中に表示...
-
ページ内の画像だけを一定時間...
-
ページ内リンクで<a href="#任...
-
safariでアンカーリンクが動作...
-
iframe内の特定の場所にジャン...
-
HTMLリンクからPDFのしおりへリ...
-
ブックマークをするとタイトル...
-
ブラウザ依存?<a name="#xxx" ...
-
<a target="_top" href="***.ht...
おすすめ情報