えっち(ピーーー)
メニュー
トップ タイトル ファイル名 パス イメージタグ リンクタグ
転送方法 IEとネスケ CGI CGI改造 終わりの挨拶 【書き殴り】

一坪「つづいてパスについてです。」
アイカ「パスってなんですか〜?」
一坪「簡単に言えばファイルが置いてある場所です。」
アイカ「んーーー?」
一坪「ま、そのうち分かります。」
アイカ「はいゥ」
一坪「(おそらく)」

一坪「パスには絶対パスと相対パスがあります。」
アイカ「早退バス?」
一坪「…………。」
アイカ「……………(どきどき)。」
一坪「住所でいうと
 中部県真中市右上123−456が絶対パス、
 右上公園の正面にある家が相対パスになります。」
アイカ「(無視された!?) Σ(っ゜ )」
一坪「ようするに絶対パスが『アドレス』、相対パスが『〜〜から見てドコにあるか』ということになります。」
アイカ「な……なるほどっゥ」

一坪「では具体的に説明します。」
アイカ「はいゥ」
一坪「ファイルの構成が下の図のような場合で説明します。」
ツリー
一坪「<link>のように<>で囲ってあるのはディレクトリです。」
アイカ「了解ゥ」

絶対パス
一坪「まずは絶対パスです。
 説明するより実際のアドレスを見た方が分かると思うので羅列します。」
http://www.url.com/index.html
http://www.url.com/main.html
http://www.url.com/logo.gif
http://www.url.com/link/link.html
http://www.url.com/link/link.gif
http://www.url.com/bbs/bbs.html
http://www.url.com/bbs/bbs.gif
http://www.url.com/bbs/log/log.html
http://www.url.com/bbs/log/1999.html
http://www.url.com/bbs/log/2000.html
アイカ「これは上のツリーを、そのまま絶対パスにしたんですねゥ」
一坪「そうです。だから一つずつ比べてもらえれば分かると思います。」
アイカ「けっこう簡単ですねゥ」

相対パス
一坪「と、油断させたところで次は相対パスです。」
アイカ「殺気!?Σ(o ¬ )」
一坪「フハハハハハハハハハハ!!! 背中がガラ空きよ!!( フ ̄ )」
アイカ「おのれぃ!!!!」

一坪「と、いうわけで、ややこしい説明開始です。」
アイカ「はじまりまーーすゥ」

一坪「まず相対パスの場合、ドコからリンクするかによって変わります。」
アイカ「家の場所で言うと公園の正面、小学校から北へ300mって感じで、
 同じ家でも目印の場所によって説明が変わるってコトですねゥ」
一坪「イエッサー!」
アイカ「じゃあ具体的に説明して下さいゥ」
一坪「これも1つ1つ具体例を挙げていきます。」
アイカ「ガンバってツリーと比べながら見て下さいねゥ」
ツリー
http://www.url.com/main.html からの相対パス指定
  <IMG SRC="logo.gif">
  <A HREF="./link/link.html">
  <A HREF="./bbs/bbs.html">
  <A HREF="./bbs/log/log.html">
アイカ「./ というのは何ですか〜?」
一坪「これはつけなくてもOKです。私はディレクトリのときだけ付けてます。」
アイカ「どんな意味なんですか〜?」
一坪「現在のディレクトリってコトです。」
アイカ「なるほどゥ」
一坪「業界用語でカレントディレクトリと言います。」
アイカ「何の業界!!?」
http://www.url.com/link/link.html からの相対パス指定
  <A HREF="../main.html">
  <IMG SRC="link.gif">
  <A HREF="../bbs/bbs.html">
  <A HREF="../bbs/log/log.html">
アイカ「今度は ../ ですねゥ」
一坪「. が1つ増えて .. になってます。」
アイカ「どう違うんですか〜?」
一坪「数。」
アイカ「いえ……そうじゃなくて……。」
一坪「これは1つ上のディレクトリという意味です。」
アイカ「1つ上?」
一坪「現在のディレクトリより1つ上層のディレクトリを指定するときに使います。」
アイカ「うむむ……ややこしいです……。」
一坪「まあ、とにかく1つ上と認識しといてください。」
アイカ「分かりましたぁ。」
一坪「ちなみに、とある地方では親ディレクトリと呼ばれています。」
アイカ「何処!?」
http://www.url.com/bbs/bbs.html からの相対パス指定
  <A HREF="../main.html">
  <A HREF="../link/link.html">
  <IMG SRC="bbs.gif">
  <A HREF="./log/log.html">
アイカ「これはさっきのと似た感じですねゥ」
一坪「はい。ディレクトリが違うだけで構造は同じです。」
http://www.url.com/bbs/log/log.html からの相対パス指定
  <A HREF="../../main.html">
  <A HREF="../../link/link.html">
  <A HREF="../bbs.html">
  <A HREF="2000.html">
アイカ「あれれ? 今度は ../../ になってますけど……?」
一坪「../ が2つあるから2つ上のディレクトリということになります。」
アイカ「なるほどーーゥ」
一坪「当然3つ上のディレクトリなら ../../../ ですね。」
アイカ「じゃあ100個上のディレクトリだと
 ../../../../../../../../../../../../../../../../../../../../../../../../../../../../../
 ../../../../../../../../../../../../../../../../../../../../../../../../../../../../../
 ../../../../../../../../../../../../../../../../../../../../../../../../../../../../../
 ../../../../../../../../../../../../../
 ですねゥ」
一坪「そこのあなた、数えないように。」

アイカ「相対パス、やっぱいまいち分かんないですぅ。」
一坪「相対パスは説明するのがホントにややこしいので、実際に試してみるのが一番です。」
アイカ「習うより慣れろですねゥ」
一坪「はい。気が向いたら慣れてください。」
アイカ「気が向かなかったら……?」
一坪「絶対パスを使うべし!」
アイカ「うむむ。ところで相対パスを使うメリットはなんですか〜?」
一坪「自分のパソでリンクが繋がってるかチェックできるし、HPを移転するときも、そのまま移せばOKです。」
アイカ「逆に言うと、絶対パスだと移転するときは全部アドレスを変更しなくちゃいけないんですねー。」
一坪「めんどいコトこの上なし!!」
アイカ「ふむゥ 苦労する価値があるってコトですねゥ」
一坪「ちなみに自分のHP内のリンクでしか相対パスは使えません。」
アイカ「リンクページで他の方のHPへのリンクは絶対パスしか使えないってコトですねゥ」
一坪「そうです。」

アイカ「以上でパスの説明を終わりまーーすゥ」
一坪「いやーー長かった。」
アイカ「ホントですねゥ」
一坪「『つづいてパスについてです。』から、ずいぶん時が流れた気がします。」
アイカ「時間かけた割には分かりにくいですけど。」
一坪「いやーーー!!
 これ以上書き直しはいやーーー!!!!<(T△T)>」
アイカ「かなり心に傷ができたようですゥ」

イメージタグについて

『えっち(ピーーー)』トップページへ