ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML ページのパスの書き方について話しましょう

HTML ページのパスの書き方について話しましょう

PHPz
リリース: 2023-04-13 10:52:03
オリジナル
1934 人が閲覧しました

Web 開発では、HTML ページのパスは非常に重要な概念であり、サーバー上の Web サイト ページの保存場所のアドレスを指します。 HTML ページのパスは、相対パスと絶対パスに分類できます。以下では、HTML ページのパスの記述方法と、2 つの方法の違いと応用について紹介します。

1. 相対パス

相対パスは、現在のページを基準とした対象ファイルへのパスです。相対パスは、同じルート ディレクトリ内のファイル参照に適しており、完全な URL は必要なく、パスの一部を省略できます。

相対パスの例:

  1. 現在のディレクトリを基準とした相対パス: たとえば、./ は現在のディレクトリを表し、../ は親ディレクトリを表し、../../は親ディレクトリ、親ディレクトリなどを表します。
  2. ルート ディレクトリに対する相対パス: 「/」で始まります。たとえば、/images/test.jpg は、ルート ディレクトリの image フォルダにある test.jpg ファイルを表します。
  3. 同じレベルのディレクトリ内のパスに相対: 「/」で始まらない。たとえば、images/test.jpg は、同じレベルのディレクトリの Images フォルダにある test.jpg ファイルを表します。現在のページ。

2. 絶対パス

絶対パスは、プロトコル、ドメイン名、パス、その他のコンポーネントを含む、Web サイトのルート ディレクトリから始まる完全なパスです。絶対パスの参照はWebサイト全体に及びますが、変更が大きい場合は一つ一つ修正する必要があり、メンテナンスが不便です。

絶対パスの例:

  1. URL 絶対パス: プロトコル (http または https) で始めます (例: http://www.example.com/images/test)。 jpg とは、Web サイトのルート ディレクトリの image フォルダーにある test.jpg ファイルは、完全な URL を通じて画像またはファイルを参照できることを意味します。
  2. ディスクの絶対パス: ディスクのルート ディレクトリから始まる完全なパス。たとえば、C:/wwwroot/images/test.jpg は、wwwroot フォルダーの下の image フォルダーにある test.jpg ファイルを表します。ディスク 。通常はローカル テストにのみ使用されます。

概要

HTML ページのパスは Web 開発において重要な概念であり、パスの書き方をマスターすると、Web サイトのディレクトリを計画したり、ファイルを参照したりする際に役立ちます。相対パスは同じルート ディレクトリ内のファイル参照に適しており、絶対パスは Web サイト全体にわたるファイル参照に適しています。実際のWebサイト開発においては、状況に応じて対応パス方式を採用することがWebサイトのパフォーマンスやメンテナンスに有利となります。

以上がHTML ページのパスの書き方について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート