HTML / CSS / jQuery コーディング

【HTML】共通部分のインクルードの画像パス


サイトの規模やページ数によっては、編集を楽にするため、ヘッダーやフッターを外部ファイルとして読み込む方法(インクルード)があります。

ですが、階層が変わると画像の読み込みがうまくいかず表示されません。

その場合、インクルードするファイルの画像パスを「ルートディレクトリ」にする方法があります。

画像パスの先頭に「/」を入れます。

 

◆インクルードする部分の記述(ファイル名は仮)

<?php include 'header.php'; ?>

 

◆「header.php」内の画像パス

<img src="img/01.jpg" width="100" height="50" />

↓ これを

<img src="/img/01.jpg" width="100" height="50" />

 

私の場合はこのように、共通部分のみ「ルートディレクトリ」にして画像を読み込んでいます。

他によい対処法があれば、是非ご教授願います。

 

-HTML / CSS / jQuery コーディング
-,

© 2025 Web担当屋 ブログ