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 フロー制御 (ループ)

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

推薦する

JavaScript タイマー原理の詳細な説明

目次1. setTimeout() タイマー2. setTimeout() タイマーを停止する3. ...

mysql8.0.11をインストールしてrootパスワードを変更し、navicat for mysqlに接続するアイデアの詳細な説明

1.1. ダウンロード:公式ウェブサイトから zip パッケージをダウンロードします。私は 64 ビ...

Windows に異なる (2 つの) バージョンの MySQL データベースをインストールする詳細なチュートリアル

1. 原因: SQL ファイルをインポートする必要があるのですが、インポートできません。この文を実行...

Bash で山括弧を使用するその他の方法

序文この記事では、山括弧のその他の用途をさらに詳しく見ていきます。前回の記事では、山括弧 (<...

MySQL データ挿入最適化メソッドconcurrent_insert

スレッドがテーブルに対して DELAYED ステートメントを実行するときに、そのようなハンドラーが存...

CSSレイアウトにおけるフロート属性と位置属性の違い

CSS レイアウト - position プロパティposition 属性は、要素に適用する配置方法...

Dockerがコンテナを起動するたびに、IPとホストが指定した操作が実行されます。

序文Dockerを使ってHadoopクラスタを起動するたびに、ネットワークカードの再バインド、IPの...

MAC で MySQL のデフォルトの文字セットを utf8 に変更する方法

1. デフォルトでインストールされているMySQLの文字セットを確認するmysql> '...

レスポンシブ原則をシミュレートするための基礎コードの Vue 実装の例

目次1.Vue.js の機能: 2.Observer.js 関数 (データハイジャック): 3. C...

yum を使用して rpm と関連する依存関係をダウンロードして、docker をオフラインでインストールします。

yum を使用してすべての依存関係を一緒にインストールできますが、–downloadonly –d...

MySQLトリガーの使用

目次1. トリガーの紹介1. トリガーとは何ですか? 2. トリガーの特徴2. トリガーを作成する1...

MySQL における悲観的ロックと楽観的ロック

リレーショナル データベースでは、悲観的ロックと楽観的ロックがリソース同時実行シナリオのソリューショ...

Vite2.x に基づく Vue 3.x プロジェクトの実装

Vue 3.x プロジェクトの作成 npm init @vitejs/app my-vue-app ...

MySQL 8.0 における非同期レプリケーションの 3 つの方法について簡単に説明します。

この実験では、空のデータベース、オフライン、オンラインの 3 つのモードで、1 つのマスターと 2 ...

Docker-Composeコマンドの使い方の詳しい説明

Docker コンテナはさまざまな方法で管理およびデプロイできます。 Docker コマンドを直接使...