リンク設定について学ぼう

 

WEBサイトにおけるパスとは、画像ファイルなどのファイルがどの場所にあるかを表した文字列のことです。

間違ったパスの書いてしまうと、画像が読み込まれなくて正常に表示ができなくなってしまします。
 

パスの書き方は、「絶対パス」と「相対パス」の2種類があります。


 

絶対パスはどんなもの？

絶対パスが居所を最初から最後まで記載したファイルの住所です

https://pippms.com/images/photo.jpg

pippms.com　ドメイン名
images　フォルダ名
photo.jpg　ファイル名

メリット
・階層の位置関係から影響を受けないので、パスを書いたファイルを移動しても書き直さなくて大丈夫です。
・外部サイトのリンクは　絶対パス　でないと表記ができません。

デメリット
・全て記述するので長くなります。
・ドメイン名が変わった時は、全て書き直さないといけません。
 

相対パスはどんなもの？

相対パスでは現在のファイルから目的となるファイルまでの道を示します。

 

images/photo.jpg

images　フォルダ名
photo.jpg　ファイル名

メリット
・記述が簡潔であるためとても分かりやすいです。
・ファイルの位置関係が変わらなければ、ドメインが変わっても書き直さなくて大丈夫です。

デメリット
・階層の位置関係からの影響を受けるため、ファイルの場所を変えるとリンク切れを起こす可能性があります。
・自サイトのみ使用でき、外部サイトのリンクには使えません。