読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

絶対パスと相対パスとは

HTMLにおいて画像を表示させたり、リンクを貼る場合、ファイルのある場所を指定します。
絶対パス」と「相対パス」とう2つの指定方法があります。

絶対パスとは

読み方

ぜったいパス

別名

フルパス

英語

absolute path

意味

ハードディスクなどでファイルやフォルダの所在を示す文字列(パス)の表記法の一つで、装置内の最上位階層から目的のファイルやフォルダまでのすべての道筋を記述する方式。

引用元:絶対パスとは【absolute path】 - 意味/解説/説明/定義 : IT用語辞典

他の人のホームページにリンクする場合は、絶対パス(http://から記述)を使用します。

記述例

▼他のサイトのリンクを貼る場合(例:アップル、iPhone 4Sの仕様ページ)

<a href="http://www.apple.com/jp/iphone/specs.html">アップル - iPhone 4S - 技術仕様</a>

▼画像を表示させたい場合(例:fotolife

<img src="http://cdn-ak.f.st-hatena.com/images/fotolife/〜.png">

相対パスとは

読み方

そうたいパス

英語

relative path

意味

ハードディスクなどでファイルやフォルダの所在を示す文字列(パス)の表記法の一つで、起点となる現在位置から、目的のファイルやフォルダまでの道筋を記述する方式。

引用元:相対パスとは【relative path】 - 意味/解説/説明/定義 : IT用語辞典

自分のページの中(同じサーバの中)で画像やリンク先を指定する場合、相対パスを使用します。

半角のドット「.」とスラッシュ「/」を使って場所を表します。

記号意味
./同じフォルダ内のファイルを指定
../1つ上のフォルダ内のファイルを指定
../../2つ上のフォルダ内のファイルを指定

記述例
<img src="./sample.jpg">

<img src="../sample2.jpg">

<img src="../../sample3.jpg">