-
ID:AUVj9h さんの質問

相対パスについて
.
index.htmlとimagesフォルダが同じディレクトリにあるとします。
.
<img src="images/sample.png">
<img src="./images/sample.png">
.
この違いがいまいちわからないので教えてください。
.
どちらがなぜおすすめなのかも教えてください。
.
あと、CSSでもこのようにして大丈夫でしょうか?正式な方法でなかったり、一部のブラウザ、細心のブラウザでしかサポートされていない記述の仕方は避けたいと思っています。
background-image: url(images/bg.gif);
.
おねがいします!

みんなの回答 5 件

ID:nCpE6r さんの回答

どちらも同じだと思います。

ID:3ENKh6 さんの回答

index.htmlとimagesフォルダが同じディレクトリにあるとします

ありません。

ID:uTQnsN

rootディレクトリにindex.htmlとimagesフォルダ(ディレクトリ)あるよね

ID:3ENKh6


ありません。

ID:uTQnsN

どういうイメージしてるんだろう…

ID:3ENKh6


わかりません。

ID:J9zKWq

「~あるとします」は仮定なのだから、それを否定したければ、仮定が成り立たないことを示さないといけないよ。
つまり、「index.htmlとimagesフォルダが同じディレクトリにあると仮定すると、~~~により、矛盾。よってindex.htmlとimagesフォルダが同じディレクトリに存在することはなく、仮定は意味を為さない。」という議論をする必要がある。
じゃあこれを参考にしてやってみてね。

ID:3ENKh6


出来ません。

ID:FZW7xo さんの回答

同じ画像を参照しているという点で違いは無いです。
しかし相対パスは特別な理由が無い限り、メンテナンス性を考慮してやめておいた方がいいです。
ルートディレクトリを起点とした「/images/sample.png」がおすすめです。
※ただしSSL(https)には注意が必要

ID:EF.WvN

こういう回答が望ましいよね
1個上のコメ主みたいなアホはここにはいらないね

ID:3ENKh6


いりません。

ID:5D3YSs


わかります。

ID:3ENKh6


すいません。

ID:7bUcdx さんの回答

hogehoge.com/
hogehoge.com/index.html
この違いは分かりますか?
理屈としては同じです。
前者は後者のエイリアスのようなものです。

ID:lHJ7rV

また滅茶苦茶な解説する奴が現れまちた。W3Qしゅごい。

ID:7bUcdx

言い放つだけで、どのように滅茶苦茶かを言及しないW3Qしゅごい。

ID:lHJ7rV

コメ主は全然分ってないのに自信満々。そんな奴に説明しても面倒くさいことなるだけなのでヤダ。トピ主はネット上の糞に惑わされない真っ当な知識を身に着けるように頑張ってネ!

ID:FZW7xo

クソコメの登場で盛り上がってまいりました

ID:7bUcdx

むしろ「俺100%正しい」って思っているのはお前であって、どっちが恥ずかしい行為かよく考えろ。まー、どうやって反論されるかなんて予想はついてるんだけどねー。

ID:i0fN2i

妄想全開のコメ主に草不可避w

ID:FZW7xo

WEBサーバー側でindex.htmlをサイトのTOPページとして設定している場合、hogehoge.com/とhogehoge.com/index.htmlは同じindex.htmlを参照してWEBページに表示していることになります。あくまでWEBサーバー側で指定したファイルを表示しているに過ぎません。
"images/sample.png"と"./images/sample.png"は同じsample.pngを参照してWEBページに表示します。前者と後者はWEBサーバーの設定など関係ありません。"images/sample.png"は記述しているファイルを起点にして参照しており、"./images/sample.png"は記述しているファイルと同階層(windowsでいうフォルダ)を起点に参照しています。

ですので理屈として同じではありませんので説明としては不適当です。

ID:OWdtLw

トピ主です。理屈という言葉の意味をどこまで広くとるかで議論されているのだと思いますが、例えとしてはわかりやすかったです。お二方ともありがとうございます。

ID:1OvXzY さんの回答

とりあえず、トホホの神崎さんを読もう。

最終更新日:2016-08-15 (1,665 views)

関連するトピックス

ページ上部に戻る