html 内の絶対パス URL と相対パス URL、サブディレクトリ、親ディレクトリ、ルート ディレクトリ

html 内の絶対パス URL と相対パス URL、サブディレクトリ、親ディレクトリ、ルート ディレクトリ
絶対 URL は、インターネット上の特定のファイルに必要なすべてのコンテンツを表すために使用されます。インターネット上のすべてのファイルには一意の URL があり、これは Web ページで検索するときにアドレス バーに入力する必要があるリンクです。

たとえば、Baidu の Web ページにアクセスするには、Web ページのアドレス バーに http://www.baidu.com./ と入力するだけです。

ウェブページにアクセスし、その中の他の画面をクリックすると、アドレスバーのリンクが非常に長くなることがあります。これは、クリックしたコンテンツのアドレスが相対 URL を使用するためです。相対 URL は、同じ名前の Web ページ リンクの下にある他のディレクトリにのみ適しており、他の Web サイトに入る場合は無効になります。同じディレクトリ内のリソースに接続する場合は、ファイル名を変更するだけで、元のアドレスを変更する必要はありません。

1. サブディレクトリ

コンピュータ内のサブディレクトリは簡単に理解できます。たとえば、C:\ は親ディレクトリ、C:\Windows は C:\ のサブディレクトリ、C:\Windows\System32\ は C:\Windows のサブディレクトリです。

サブディレクトリの各レベルでは、親ディレクトリの後にスラッシュ / を追加し、ファイル名を追加してサブディレクトリを形成するだけです。

2. 親ディレクトリ

親ディレクトリ: これは 1 の C:\Windows\System32\ と同じです。C:\Windows は System32 の親ディレクトリです。

3. ルートディレクトリ

ルート ディレクトリ: 例は上記と同じです。つまり、C:/ がルート ディレクトリです。

HTML 内のディレクトリについても同様です。唯一の違いは、ルート ディレクトリを「アーキテクチャ + サーバー アドレス + ファイル名」の形式に変更する必要があることです。

例:

詳しくはこちら

<<:  JavaScript フロー制御 (ループ)

>>:  フレックスレイアウトにおける画像変形の解決策の詳細な説明

推薦する

js を使用して年カルーセル選択効果をネイティブに実装する例

序文js を使用して、年の回転選択効果を実現します。では早速、写真を見てみましょう。 1. アイデア...

nginx で第 3 レベルドメイン名を設定する方法の例

問題の説明nginx を設定することで、異なるポートを介して異なる Web アプリケーションにアクセ...

HTML でのメタタグと使用法の詳細な説明

これ以上無駄話をして時間を無駄にしないので、今日の話題を始めましょう。 HTML のメタタグ1. メ...

JS は VUE コンポーネントに基づいて都市リスト効果を実装します

この記事の例では、VUEコンポーネントに基づいて都市リストエフェクトを実装するための具体的なコードを...

VMware Workstation での VMware vSphere のセットアップ (グラフィック チュートリアル)

VMware vSphere は、業界をリードする最も信頼性の高い仮想化プラットフォームです。 v...

CSSで半透明の背景色を実現する2つの方法について簡単に説明します。

ページをレイアウトする際、ユーザーに異なる視覚効果を与えるために、div の背景色を半透明の状態に設...

HTMLセマンティクスと関連するフロントエンドフレームワークの詳細な分析

セマンティクスについて意味論は、記号やシンボルとそれらが表す意味との関係を研究する学問です。言語学で...

MySQL のスケジュールされた完全なデータベースバックアップ

目次1. MySQLデータのバックアップ1.1、データをバックアップするためのmysqldumpコマ...

MySQL 結合バッファの原理

目次1. MySQL 結合バッファ2. JoinBufferCacheストレージスペースの割り当て3...

MySQLデータベースインデックスの詳細な説明

目次1. MySQLインデックスの紹介2. MySQLの5種類のインデックスの詳しい説明1. 総合索...

ソケット '/tmp/mysql.sock' 経由でローカル MySQL に接続できない解決策

エラーメッセージ:エラー 2002: ソケット '/tmp/mysql.sock' ...

JavaScript イベント キャプチャ バブリングとキャプチャの詳細

目次1. イベントの流れ1. コンセプト2. DOMイベントフロー2. イベントの委任1. イベント...

入力[type=file]の起動が遅くて動かなくなる問題を素早く解決します

入力タグタイプがファイルで、タグ内にaccpet="image/*"属性が設定さ...

mysql における mydumper と mysqldump の比較

いくつかのテーブルまたは単一のデータベースのみをバックアップする場合は、innobackup よりも...

jsで照明スイッチを制御する

参考までに、jsを使用して照明スイッチを制御します。具体的な内容は次のとおりです。トピック: js ...