絶対パスと相対パスとは

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

絶対パスとは

読み方

ぜったいパス

別名

フルパス

英語

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つ上のフォルダ内のファイルを指定
../../	２つ上のフォルダ内のファイルを指定

記述例

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

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

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

参考サイト

• 相対パスとは【relative path】 - 意味/解説/説明/定義 ： IT用語辞典
  
  
• 絶対パスとは【absolute path】 - 意味/解説/説明/定義 ： IT用語辞典
  
  
• 相対パスとは (relative path) そうたいパス： - IT用語辞典バイナリ
  
  
• 絶対パスとは 「フルパス」 (absolute path) ぜったいパス： - IT用語辞典バイナリ
  
  
• 絶対パスと相対パス
  
  
• 相対パスと絶対パスとは
  
  
• HTMLタグ 絶対パスと相対パス
  
  
• ホームページ作成に必用な知識、絶対パスと相対パス
  
  
• [CJ-Club]-[FAQ]-相対パス? 絶対パス?
  
  
• 絶対パス、相対パス、フルパスの説明。IT用語のパス（path）って何。フルパスで指定？パスの考え方を説明します。