質問させて下さい。
CSSを使用しているのですが、今までは相対パスで指定していたのですが、管理の都合上「絶対パスがイイな」と思い始めました。
例:<link href="http://hogehoge.com/css/sample.css" rel="stylesheet" type="text/css">
この様に指定してみました。でも、本当に絶対パスで良いのかなと思い、ググってみたのですがどちらでも良いような旨の記述を多く見かけました。
皆様は、どう思われますでしょうか?
また、もう一点質問があります。
http://www.nikolaschka.com/log/2007/08/apache_al …
上記サイトにて以下の記述がありました。
<link rel="stylesheet" href="/style.css" type="text/css" />→絶対パス
何故、スラッシュで始まるパスが絶対パスなのでしょうか?ご教示頂ければと思います。
よろしくお願いいたします。
No.1
- 回答日時:
お疲れ様です。
絶対/相対に拘らずその時その時で使いやすい方を使えば良いと思ってます。
ただドチラかに優先度を置いておかないと混乱の元になります。
/はドキュメント・ルートを示しますので、例に上げておられる
http://hogehoge.com/
と思って下さい。
ご回答、ありがとうございます。
その様なお考えなのですね、為になりました。
ありがとうございました。
P.S.画像の犬、かわいいですね!
No.2ベストアンサー
- 回答日時:
私は必ず絶対パスです。
なぜなら、適用するHTMLがどの階層、どのディレクトリにいても<link>の内容を書き換える必要がまったくないからです。
ブラウザは、HTMLに書かれているパスを補完してサーバーに再要求します。
なおスタイルシートだけでなく、サイト全体で使用する画像やスクリプトも絶対パスです。
逆にそのディレクトリ内のみで使用するものは相対パスです。
/ root
|-- index.html
|-- CSS/
|-- JS/
|-- SSI/
|-- images/
|-- product/
| |-- index.html★
| |-- tools/
| | |-- index.html★
| | |-- CSS/
| | |-- images/
| |-- CSS/
| |-- images/
| |-- SSI/
例えばtoolsディレクトリを、他の階層に移動したときに、その内部だけで使用する参照ファイルは一緒に移動したほうが良いですから、絶対パスだとまずいですね。しかし、その階層より上のディレクトリでも使われているものは絶対パスじゃないと大変。
これらは、どちらがよいかと言う問題ではなく、それしか選択肢がないことが多いですね。
ただし、テスト用のローカルサーバーを持っていないときは、相対パスで書かないとテストできませんね。私は、abc.comというリモートのサーバーがあれば、abc.com.localというローカルサーバー経由でテストします。
テキストエディタ(EmEditor)で作成しているときに、テストボタンでfirefoxで表示し、firefoxからは、Server Switcher( https://addons.mozilla.jp/firefox/details/2409 )で、ローカルホストに、ローカルホストからリモートホストに切り替えられるわうにしています。
ご回答ありがとうございます。
お考え、分かりました。ありがとうございました。
EmEditorなのですね、、、私、秀丸です、、、☆
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- Visual Basic(VBA) VBAでの共有パスにつきまして 1 2023/03/04 17:24
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
複数のindex.htmlが存在するホ...
-
htmlでリンクに勝手にindex.htm...
-
URLの.html省略について
-
XREA使用で作成したHTMLファイ...
-
アドレス欄の表示をそのままに...
-
URLの書き方
-
サーバー内のフォルダにある写...
-
.htmと.htmlの違い
-
FTPでアップロードした画像...
-
直リンク禁止
-
トップページ「/index.html」の...
-
リンクのindex.html省略
-
index.htmlファイルはどこに?
-
Matlabでforやifを使わずに条件...
-
ホームを index.html から inde...
-
複数のindex.htmlを作ってもい...
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
複数のindex.htmlを作ってもい...
-
htaccessを利用してurl正規化
-
リンク先に日本語フォルダがあ...
-
URLに「.html」の拡張子がなく...
-
.htmと.htmlの違い
-
フォルダ内の最初のファイル名...
-
XREA使用で作成したHTMLファイ...
-
サーバー内のフォルダにある写...
-
トップページ「/index.html」の...
-
フォルダにはダミーでもindex.h...
-
htmlでリンクに勝手にindex.htm...
-
URLの書き方
-
リンクのindex.html省略
-
index.htmlファイルはどこに?
-
Application.OnTimeで引数付き...
-
ホームを index.html から inde...
-
JSPと異なるディレクトリのファ...
-
HTMLの階層移動
-
Matlabでforやifを使わずに条件...
おすすめ情報