🦔

絶対パス、相対パス

2022/03/04に公開

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=""の中に相対パスでどうやって記述しますか?


正解


もしくは単純に

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

第2問



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

正解

../script.js

第3問


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






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

Discussion