絶対パスと相対パス | サラリーマンの副業奮闘記

絶対パスと相対パス | サラリーマンの副業奮闘記 記事一覧

絶対パスと相対パス

 まいど、吉田屋です。


■パスには絶対パスと相対パスがあります


今日は、パスのお話をします。


パスをご存知の方。
初心者への分かりやすい説明に使えるかもしれません。


パスをご存知でない方。
いずれ必要になります。
ここでご理解いただくか、お気に入りに登録しておいてください。


パスの表示の仕方、書き方がばっちり分かるようになりますよ。


パスとは、特定のファイルやフォルダの位置を表す文字列のことです。


これとか⇒ http://フォルダA/ファイル2.html

これとか⇒ C:¥フォルダA ¥ファイル2.html

これとか⇒ ../../フォルダA/ファイル2.html


サイトを作成するときや、 CGIやJavascriptをいじるときに、
ファイルやフォルダを指定するために必要になります。


リンクを張る時のタグ

<a href="ここにパス">表示名</a>

画像を表示するときのタグ、

<img src="ここにパス">

などで、すでに使っている方もいらっしゃるでしょう。


パスには、絶対パス(フルパス)と相対パスがあります。


絶対パスは、文字通り絶対的な位置です。


Windowsでは、「C:」などドライブ名から始まります。
例えば、これですね。

C:¥フォルダA¥ファイル2.html


UNIX 系OSでは、「/」(スラッシュと読みます。)で始まります。


これは、ご自分が契約しているレンタルサーバーを調べないと分かりません。
例えばロリポップの場合は、ユーザー専用ページのアカウント情報で
確認することができます。


/home/users/0/XXXXXXX/web

こんな感じです。


また、http://で始まるパスも絶対パスの一つです。


外部リンクやドメインの異なるサーバーにリンクを張る場合には、
絶対パスが必要です。


絶対パスは、分かりやすいですね。
「港区新橋1−1−1」みたいなものです。


さて、分かりにくいのは、相対パスです。


相対パスとは、
「ここから2つめの十字路を右に曲がり、左手の3つめのビルの5階」
のように、起点からの相対的な位置を示すものです。


絶対パスと比べて、

・パスが短くなるのでファイルを軽くできる。

・サーバーにアップロードしなくても、プログラムのチェックができる。

・ローカルでプログラムのメンテナンスができる。

といった利点があります。


相対パスの書き方は、通常、次のように説明されています。


「.」:起点となるフォルダ
「..」:上位のフォルダ
「/」:UNIX 系OSの区切り
「¥」:MS-DOSやWindowsの区切り


分かります??


私は全然分かりませんでした。(涙


図解してくれているサイトもありましたが、
イマイチ分かりにくいんですね。


そこで、『吉田屋式相対パス記述法』を勝手に作りました。(笑

○∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽○

■ 相対パスは左から読みます

ディレクトリ

このディレクトリを例に説明します。
また、ほとんどはUNIX系OSでしょうから「/」を使いますね。


覚えることは、6つです。


1)パスは左から順番に読む
2)同じ階層移動は、「なにもなし」か「./」(ドットが1つとスラッシュ)
3)一つ上の階層へ移動は、「../」(ドットが2つとスラッシュ)
4)一つ下の階層へ移動は、「/」(スラッシュだけ)
5)上の階層に移動する場合は、フォルダを表示しない
6)フォルダを指定するときは、「/」を付ける

ルール

では、一番簡単な問題からいきます。


「ファイル2.html」から「ファイル3.gif」への相対パスは?

相対パス例1

同じ階層移動の表記が二つありますので、2種類書いておきました。
簡単ですね。


ファイル2.htmlにファイル3.gifの画像を表示するには、

<img src="ファイル3.gif">

または、

<img src="./ファイル3.gif">

になります。


次の問題です。


「ファイル1.html」から「ファイル3.gif」への相対パスは?

相対パス例2

同じ階層を移動する場合、行き先が複数ありますから、
どのフォルダを経由するか表示しないと迷子になっちゃいます。


次の問題です。


「ファイル2.html」から「ファイル1.html」への相対パスは?

相対パス例3

こんどは、階層を上がります。


階層を上がる場合は一本道ですから、経由する
途中のフォルダを表示する必要はありません。
ファイル2.htmlの上は、フォルダAしかありませんから。


ファイル2.htmlにファイル1.htmlのリンクを張る場合は、

<a href="../ファイル1.html">ファイル1へのリンク</a>

または、

<a href=".././ファイル1.html">ファイル1へのリンク</a>

となります。


最後の卒業問題です。


「ファイル4.cgi」から「フォルダA」への相対パスは?

相対パス例4

できましたか?
フォルダ指定なので、最後に「/」を忘れないようにしてくださいね。


これであなたもパス博士です。(笑


comments(0)trackbacks(0)|2009.12.16 Wednesday | category:ブログ・サイト
このブログで人気のある記事を読む

ブログパーツ
このブログで人気のある記事を読む

コメント








   
トラックバック
この記事のトラックバックURL:

月間アーカイブ



(最近の記事一覧)
Copyright © 2018  絶対パスと相対パス | サラリーマンの副業奮闘記 All Rights Reserved.
当サイトのテキストや画像等すべての転載転用・商用販売を固く禁じます
Designed by SEOテンプレートKAETEN X