絶対パス、相対パス

ITの勉強をする上で避けては通れない道のひとつ、
$\textcolor{HotPink}{絶対パス}$と$\textcolor{PaleTurquoise}{相対パス}$

なんだねそれ？と思った方、チラッと読んでみると何かいいことが起きるかもしれません Y(·∀·)Y

---

基本的なこと

目的地まで/で繋げて書いていく(macの場合)
/ = 一番上の階層(ルート)

画像内の頂点にあるフォルダが/(ルートディレクトリ)

絶対パス

• どこからでもアドレスが変わらない
• パスが長い・・・　＝ 記述するのが面倒 (꒪ཀ꒪」∠)

例

steveディレクトリへの絶対パスは$\textcolor{HotPink}{/users/admin/steve}$

相対パス

• 現在地を起点にとあるファイルやディレクトリを指定する
• パスが短くシンプル Y(·∀·)Y
• 同じファイルを指定しても、どこから指定するかによってパスが変わる

書き方

$\textcolor{HotPink}{./}$ = 今いるディレクトリを表す
$\textcolor{Salmon}{../}$ = 1つ上の階層に行く
$\textcolor{BlueViolet}{/}$ = 一番上の階層(ルート)

adminから見たsteveは$\textcolor{LimeGreen}{./steve}$となる

図で見てみよう

今studentディレクトリにいるとします。
jonディレクトリに行きたいです。
というわけでそれぞれ絶対パス、相対パスで指定してみるぜ！
【絶対パス】
$\textcolor{HotPink}{/users/admin/jon}$
【相対パス】
$\textcolor{PaleTurquoise}{../admin/jon}$

ではここで問題です

今ホームディレクトリ/path/というディレクトリの中にいます。
現在地のディレクトリの中身はindex.htmlとstyle.cssです。
(画像だと分かりにくいけどscript.jsはpathディレクトリの外にあります)

index.htmlの6行目、href=""の中に相対パスでどうやって記述しますか？

正解

もしくは単純に

でもいけます（*’∀’人

第２問

index.html内9行目、src=""に何を書けばscript.jsが読み込めるようになるでしょう？

正解

../script.js

第３問

index.htmlの6行目、href="$\textcolor{HotPink}{/style.css}$"にしてみるとどうなるでしょうか？






ここまで読んだ人なら正解はわかるはず！
というわけであえて書きません Y(·∀·)Y