目次
実行環境
- HTML
- CSS
症状
HTMLに以下のように記載し、
<link rel="stylesheet" href="/data/www/sample.css">
CSSファイルを読み込もうとしても、読み込むことができない。
また、同様に画像ファイルなどを読み込もうとして、
<img src="/data/www/image.png">
と記載しても画像が表示されない。
原因１
絶対パスで記載している場合に、URLではなくパスで記載している。
対処法１
http://やhttps://から始まるURLの記載方法で記載する。
/root/data/www/wp-wordoress/などのようなパスの記載方法ではダメ。
例：
<link rel="stylesheet" href="https://jorublog.site/wp-content/theme/abc/sample.css">
<img src="https://jorublog.site/wp-content/uploads/image.png">
原因2
パスの区切りの書き方が\ではなく/になっている。
対処法2
/を\に変換する。
例：
./aaa/bbb.png => .\aaa\bbb.png
原因3
拡張子が違う
対処法3
正しい拡張子に変更する。
例：pngファイルなのにjpgにしている。
.\aaa\bbb.jpg => .\aaa\bbb.png
