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

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

推薦する

Jenkins+Docker継続的インテグレーションの実装

目次1. Jenkinsの紹介2. Jenkinsをインストールしてデプロイする1. 環境情報2. ...

JavaScript インタビュー: 配列の平坦化メソッドを実装する方法

目次1 配列のフラット化とは何ですか? 2 JS標準ライブラリの配列フラット化メソッド3 フラットメ...

Dockerを使用してSpringBootプロジェクトをデプロイする方法

Docker テクノロジの開発により、マイクロサービスの実装にさらに便利な環境が提供されます。Doc...

CentOS 7 に MySQL 8.0.20 データベースをインストールするための詳細なチュートリアル

関連記事: MySQL8.0.20 インストール チュートリアルとインストールの問題に関する詳細なチ...

Nginxはhttpリクエスト実装プロセス分析を処理する

Nginxはまず、設定ファイル内のどのserver{}ブロックを処理に使用するかを決定します。次のs...

MySQL データ型 DECIMAL の使用方法の詳細な説明

MySQL DECIMALデータ型は、データベースに正確な数値を保存するために使用されます。会計シス...

アイデアを war パッケージにパッケージ化し、tomcat にデプロイしてアクセス パスの問題 (図とテキスト)

Web プロジェクトを war にパッケージ化するアイデアにとって最も重要なことは、アトリフィカを...

JavaScript の new 演算子の原理と例の詳細な説明

新しい用途new の機能は、コンストラクターを通じてインスタンス オブジェクトを作成することです。イ...

Vueアイコンセレクターのサンプルコード

出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...

Linuxの貼り付けコマンドの使い方

01. コマンドの概要貼り付けコマンドは各ファイルを列ごとに結合します。これは、2 つの異なるファイ...

MySQLオンラインDDL gh-ostの使用の概要

背景: DBA として、大規模なテーブルの DDL 変更のほとんどは、Percona の pt-on...

Dockerコンテナのタイムゾーン調整操作

Docker コンテナのタイムゾーンがホストマシンと一致しているかどうかを確認するにはどうすればよい...

Vue の高度な使用方法チュートリアル 動的コンポーネント

目次基本的な説明AST 解析レンダリング機能通常コンポーネントと動的コンポーネントの比較ファクトリ関...

Vueの子コンポーネントが親コンポーネントのメソッドを呼び出す場合の詳細な説明

1. 子コンポーネントのthis.$parent.eventを通じて親コンポーネントメソッドを直接呼...

MySQL MyISAM デフォルト ストレージ エンジンの実装原則

デフォルトでは、MyISAM テーブルはディスク上に .frm (テーブル構造ファイル)、.MYD ...