[HTML] 画像のURLにドメイン名を含める必要性はあるのか。

Question

同じドメインにある画像を配信するときは、URLからドメイン名を省略できるかと思います↓

<img src="https://hoge.com/images/a.png">  <!-- ドメイン名を省略しない -->
<img src="/images/a.png">                  <!-- ドメイン名を省略する -->

しかし、同じドメインにある画像でも、ドメイン名を省略していないコードを見るのですが、これは何か意味があるのでしょうか？

Answer 1

パスによる動作に差はありません。

絶対パスで書くと、ドメインを明示出来るでしょうし、
相対パスで書いておくと、テスト環境、ステージング環境、本番環境でそれぞれ書き換える必要がないので、使い回せるのがメリットになると思います。(あと多少タイピングが楽?)

以上をふまえて使い分けられると良いと思います。

Answer 2

個人的に必ず絶対パスで常に書くようにしています。
htmlファイルに書くときに、絶対パスで書かないと外部のサイトから拾ってきた画像と違うのか一目で確実にわかるからです。

Comments

[ogaki_sin]

絶対パスということはつまり、ドメイン名を含めて書くということでしょうか？

それとも/hoge/huga/image.pngみたいな感じですか？

[taiyakix]

https://~~ と書くということでう。

[m.ts10806]

/ 始まりも「絶対パス」です。

[taiyakix]

...すいません。httpsやhttpなどから始まると言いたかっただけで...

[m.ts10806]

一応回答で「絶対パス」に触れている以上は「どちらも絶対パスです」としておかないと間違えて覚えてしまうので。

Answer 3

あんまり意味はないと思いますよ。結果は同じです。
扱う画像が確実に同じ場合はドメイン省略せず書くことがあります。
ただ、後々ドメインが変わる可能性のことを考えると相対パスで書いた方が良いです。私の場合、../../image/など、ディレクトリ構造が複雑で上手く表示されなかった頃は絶対パスで書いてたことがありました。