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

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

推薦する

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

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

MycliはMySQLコマンドライン愛好家にとって必須のツールです

マイクリMyCLI は、自動補完と構文の強調表示を備えた MySQL、MariaDB、および Per...

SQL 実践演習: オンライン モール データベースの製品カテゴリ データ操作

オンラインショッピングモールデータベース - 商品カテゴリデータ操作(I)プロジェクトの説明電子商取...

JavaScript のプロトタイプとプロトタイプチェーンの詳細な説明

目次プロトタイプチェーン図プロトタイピングに必須の知識プロトタイププロパティ(プロトタイプを表示) ...

数千万データを持つMySQLテーブルを最適化する実践記録

序文まずここで説明させてください。インターネット上では、Alibaba では 500 万のデータを異...

長いデータを HTML で表示するときに処理する方法

HTML で長いデータを表示する場合、マウスをその上に移動するとデータを切り捨てて完全なデータを表示...

vue.config.js パッケージ最適化構成

Baiduの情報は多様すぎて目が回ります。心配しないでください。私はあなたのためにそれを体験しました...

JavaScript の継承についてどれくらい知っていますか?

目次序文コンストラクタ、プロトタイプオブジェクト、インスタンスオブジェクトの関係プロトタイプチェーン...

異なる列を持つテーブルのクエリ結果のSQLマージ操作

2 つの異なるテーブルをクエリするには、結果をマージする必要があります。たとえば、table1 の列...

Linuxのsortコマンドの複数のパラメータを理解するための1つの質問

sort コマンドは非常によく使用されますが、-o、-n、-u、-r などの多くのパラメーターがあり...

Linux の wget コマンドの詳細な紹介

目次まずwgetをインストールするヘルプマニュアルを見る1. wgetを使用して単一のファイルをダウ...

VUEはFlappy Birdゲームのサンプルコードを実装します

Flappy Bird は、誰もがアプリでプレイしたことがある非常にシンプルな小さなゲームです。ここ...

SQLで同じフィールドの異なる値のデータ統計を実行する

適用シナリオ: シールのさまざまな状態に応じて、さまざまな状態のシールの数をカウントする必要がありま...

Docker 環境での Jmeter の分散操作に関する詳細なチュートリアル

1. jmeterの基本イメージを構築するDockerfile は次のとおりです。 # Java 8...

Tomcat セキュリティ仕様 (Tomcat セキュリティ強化と仕様)

tomcat はオープンソースの Web サーバーです。Tomcat ベースの Web は実行効率...