相対および絶対パスを意味フロントエンドパス/ ./ ../ ../../ ../../../

転送:https://blog.csdn.net/cvper/article/details/79955412

まず/スラッシュは、ルートの意味、それが何であるかのルートを表しますか?

                   例を見て:Fディスクのフォルダや画像vue_bamboosテスト-me.pngがあります

                                    私はvue_bamboos、フォルダ、文書Bの下のフォルダを持っています。

                                    (b)は、フォルダのindex.htmlファイルを持っています。

                   F ---------------------------------------

                            vue_bamboos -------------------

                                        -------------------------

                                                  B ------------------

                                                         index.htmlを---

                             テストme.png ---------------------

                    index.htmlを:画像テストme.pngを示し、ここで私たちが使用する私たちのプロジェクトディレクトリであるルートディレクトリは、あります

                                       レベル、つまり、Fのディスクは、私たちのルートディレクトリであり、私たちのプロジェクトディレクトリがvue_bamboosをあることに注意してください、しかし、

                                      vue_bamboosない上位であるルートディレクトリ、!

                      

<body>
<img src="/test-me.png" alt="测试根目录">
</body>

第二は、./これが私たちのindex.html上と同じレベルで、つまり、現在のディレクトリを表します。

                私たちは、ディレクトリを投射すると仮定します。

                F -----------------------------------

                        vue_bamboos ---------------

                                 index.htmlを-------------

                                 テストme.png -----------         

<body>
<img src="./test-me.png" alt="测试根目录">
<img src="test-me.png" alt="测试根目录">
</body>

言い換えれば、我々は./test-me.png書いたり./省略することができます直接テスト-me.pngを書くことも可能です

これは、親ディレクトリに戻るには、第三../手段を表し、 

第四は、../../これはに戻り、バックアップ、2つのリターンを表します。

第../../../上記レベルよりも、この複数は、それが3つ返すまでです。

........

使用頻度が高価であるため、../ ../../ ../../../ 3は、理解するのは非常に簡単です。

しかし、/と./あまり一般的ではありません

相対および絶対パス:

(1)相対パスを、異なるファイル間の位置決めの位置、同じサイト内です。ファイルが参照され、この相対位置に基づいて、現在のページの相対位置の点で相対パスを得ます。

(2)絶対パスは、完全なパスを指します。

ウェブサイトのために、外部参照ファイル又は画像は相対パス、ほとんど絶対パスを使用しています。

おすすめ

転載: www.cnblogs.com/panghu123/p/11717488.html