2022/02/23 学習開始!

HTML・CSS基礎④ファイル指定

よく使用するHTMLタグについての記事はこちら

パスとは

パスとは、どのファイルがどこのフォルダに保存されているか、という道筋を記述したもののことです。
パスには、絶対パスと相対パスの2種類があります。

絶対パスとは

ファイルをURLで指定したものを絶対パスという。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

絶対パスは「ドメイン名 / フォルダ名 / ファイル名」と記述します。
階層が深くなるごとに「/」で区切って追記していきます。

相対パスとは

表示させたいページから見て、読み込みたいファイルがどこにあるかを指定したものを相対パスという。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

一つ上の階層に戻る場合は

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

../で一つ上の階層に戻ることができる。

使い分け

相対パスは同じサーバー内のファイル読み込みにしか使えない為、

  • <a>タグのリンク先が外部サイトの場合は絶対パスを使用
  • それ以外は相対パスを使用

という風に使い分ける。

imgタグの場合も同じ

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

ただし、絶対パスを利用して、外部サイトの画像を直リンクするのはやめましょう。
外部サイトのサーバーに負荷がかかります、マナーの問題です。

今日の積み上げ

  • HTML

ブログランキング・にほんブログ村へ

この記事を書いた人
あいざわ

劇場を作ることを人生の目標に、プログラミング学習をはじめたデザイナー。

●学習したことをノート替わりにまとめたり
●学習ロードマップ・学習方法
●個人開発アプリの開発記録

などを残していきます。

あいざわをフォローする
HTML / CSS学習ログ
スポンサーリンク
あいざわをフォローする
スポンサーリンク
LOGBLO.
タイトルとURLをコピーしました