ホームページ  >  記事  >  ウェブフロントエンド  >  Webフロントエンドの相対パスとは何ですか

Webフロントエンドの相対パスとは何ですか

青灯夜游
青灯夜游オリジナル
2022-08-25 16:58:382956ブラウズ

Web フロントエンドでは、相対パスは、現在のファイルのパスによって引き起こされる他のファイル (またはフォルダー) とのパス関係を指します。これは、現在のファイルを基準としたターゲット ファイルの場所です。簡単に言うと、現在のファイルを参照点として使用して、さまざまなファイルのパスを決定します。相対パスは通常、「./」または「../」で始まります。利点: プロジェクト全体を移動しても、プロジェクト内のファイル間の相対関係は変化せず、以前に設定されたパスは依然として正確であり、変更する必要がありません。

Webフロントエンドの相対パスとは何ですか

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

まず、相対パスと絶対パスの概念と違いを理解する必要があります。

##相対パス:

相対パスとは、現在のファイルのパスによって生じる他のファイル (またはフォルダー) とのパス関係を指します。相対パスを使用すると、非常に便利になります。

絶対パス:

絶対パスは、ディレクトリの下の絶対場所を指し、ターゲットの場所に直接到達します。通常はドライブ文字から始まるパスです。

ファイルの場所を完全に記述するパスは絶対パスです。これは、Web サイトのルート ディレクトリに基づくディレクトリ パスです。絶対パス名は、ツリー構造のディレクトリ構造の最上位にあるルートディレクトリから、指定するディレクトリまたはファイルまでの連続するディレクトリをスラッシュで区切って指定し、最後の名前がディレクトリになります。または指すファイル。これが絶対と呼ばれる理由は、すべての Web ページが同じファイルを参照する場合、使用されるパスが同じであることを意味します。

  • 個人的な要約:

相対パスつまり、これはあなたがいる場所からの相対パスです。他のファイル (ルート ディレクトリではない) を参照するディレクトリであり、現在のファイルを基準としたターゲット ファイルの場所です。

この利点の 1 つは、プロジェクト全体を移動しても、プロジェクト内のファイル間の相対関係が変化せず、以前に設定したパスが引き続き正確であることです。例: Web サーバー フォルダーの下に、index.html と image.jpg の 2 つのファイルがあります。 Image.jpg は、index.html ファイルに導入されます。2 つのファイルの相対的な位置が変わっていない限り (つまり、まだフォルダー a の下にある限り)、このパスはどこにアップロードされても正しいものになります。ウェブサーバー。

絶対パス相対ルート ディレクトリ (ディスク) から始まり、各ファイルが使用するパスは同じです。

絶対パスを使用すると、Web サイトが悪意を持って盗用されることを防ぐことができます。盗用のデフォルトのリンクは依然として自分の Web サイトを指しています。ページ上のターゲット ファイルの場所が変更されていない限り、リンクは正しい URL を指し続けます。ローカル環境とサーバーのパスは異なる可能性があるため、Web 開発では絶対パスが使用されることはほとんどありません。 / はファイルのルート ディレクトリを表します。

例で説明します

以下では、Web 上で最も一般的に使用されている HTML の例からの相対パスと絶対パスを説明します。違い:

1. 絶対パス

例:

Webフロントエンドの相対パスとは何ですか

Webフロントエンドの相対パスとは何ですか # #もう 1 つの小さな例:

たとえば、コンピューターを使用しているときにファイルを使用したい場合は、ファイルの場所を知る必要があります。たとえば、index.html というファイルがある場合、画像index.pngを使用する必要があります:

D:/websize/image/index.html

D:/websize/image/img/index .png

この画像は、パス

D:/websize/image/img/index.png

を使用して参照できます。お使いのコンピュータではすべて正常に動作します。ただし、開発時には基本的に絶対パスは使用しないので、プロジェクトの移植が難しいため、他のコンピュータからあなたの写真にアクセスすることはできません(彼のコンピュータにはあなたの写真がありません)

2. 相対パス

(実際の使用を推奨) 最初に理解してください:

  • 。 . /

    現在のファイルの上位ディレクトリを表します

  • ./

    現在のファイルが存在するディレクトリを表します

  • 例:

Webフロントエンドの相対パスとは何ですか

Webフロントエンドの相対パスとは何ですか これは小さな例です:

例: E ドライブの下にある 2 つの WEB フォルダーのファイルは相互にアクセスします。

E:/WEB/mar/img/index.html

E:/WEB/mar/image/ig/ip/pho.png

index.html

から pho.png にアクセスする場合、パスは . ./image/ig/ip/pho です。 png;<p><code>index.html にアクセスする場合、必要なパスは . ./. ./. ./img/index.html

概要:

Web 開発では相対パスと絶対パスの両方が使用されますが、それぞれに独自の長所と短所があります。簡単に要約すると、相対パスは、現在のファイルを参照点として使用して、さまざまなファイルのパスを決定します。相対パスは通常、./、../ で始まります。もちろん、ファイルが同じレベルのディレクトリの場合は、./絶対パスは省略できます。コンピュータのファイルまたはネットワーク上の絶対アドレスに基づいてファイルのパスを決定します。絶対パスは通常、Windows ではドライブ文字で始まり、Linux では / で始まります (ただし、Web サーバーでは / を表します) Web サーバーのルート ディレクトリ)、または URL で開始します。

(学習ビデオ共有: Web フロントエンドの入門 )

以上がWebフロントエンドの相対パスとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。