html 5-秒パス

パス(ポイント&難点)
ハイパーリンクや画像の挿入などの外部ファイルを参照する場合、私たちのページファイルが参照するターゲットファイルと同じディレクトリにない場合がよくあります.この場合、パス参照の問題が発生します.通常、参照されるパスは、絶対パスと相対パスの2つのケースに分けられます.
絶対パス

コンセプト絶対パスとは、ファイルがハードディスク上に本当に存在するパスを意味します.例えば「bg.jpg」という画像がハードディスクの「D:workcodeimgs」ディレクトリの下に格納されている場合、「bg.jpg」という画像の絶対パスは

である.

アプリケーションでは、通常、絶対パスを使用します.より多くのアプリケーションは、次のようなネットワークリソースを特定します.https://image.so.com/i?ie=utf-8&src=hao_360so&q=%E6%95%85%E5%AE%AB%E7%BB%9D%E7%BE%8E%E9%9B%AA%E6%99%AF

アブソリュートを使用する欠点実際の開発ではアブソリュートを使用することは少ないが、「D:workcodeimgsbg.jpg」を使用して背景画像の位置を指定すると、自分のコンピュータで閲覧するのは正常かもしれないが、Webサーバにアップロードして閲覧すると画像が表示されない可能性が高い.Webサーバにアップロードすると、Webサーバ全体のDディスクが置かれていない可能性があり、EディスクまたはHディスクである可能性があります.WebサーバのDディスクに入れても、WebサーバのEディスクに「D:workcodeimgsbg.jpg」というディレクトリがあるとは限らないので、Web閲覧時に画像が表示されない

である.
相対パス
異なるデバイスの保存パスが一致しない場合、通常、Webページでファイルを指定するときに、相対パスを使用することを選択します.相対パスとは、現在のファイルに対する位置です.相対パスについては、次の3つのケースがあります.

同級検索画像ファイルとHTMLファイルが同じフォルダにある場合は、

などの画像ファイルの名前を入力するだけでよい.

次のレベルを検索画像ファイルがHTMLファイルの次のレベルのフォルダにある場合、フォルダ名とファイル名を入力します.
​

前のレベルを検索画像ファイルがHTMLファイルの前のレベルのフォルダにある場合、ファイル名の前に「../」を追加します.前のレベルの場合は「.../..../」を使用する必要があります.たとえば、

​