ホームページ ウェブフロントエンド htmlチュートリアル HTML_HTML/Xhtml_Webページ制作における絶対パスと相対パスの違いの解析

HTML_HTML/Xhtml_Webページ制作における絶対パスと相対パスの違いの解析

May 16, 2016 pm 04:40 PM
相対パス 絶対パス

図に示すように:

多数のファイルの下にある単一ページの接続。ファイルを参照する場合は、パスの問題についてある程度理解しているか、PHP ネットワーク プログラムの知識があるプログラマが必要です。 include と組み合わせて変数のパスと参照を定義すると、多くの洞察が得られます。

例:

コードをコピーします
コードは次のとおりです:

define ('ROOT_PATH',dirname(__FILE__));
include(ROOT_PATH."/inc/webconfig.php");
include(ROOT_PATH."/inc/sysinfo.php");
include(ROOT_PATH."/inc/functions.php");
include(ROOT_PATH."/inc/db_sql.php");
これらは次に分析するものです。

主な内容:

•相対パスと絶対パスの概念
•詳細な分析
相対パスと絶対パスの概念

これは、ファイル検索に関してオペレーティング システム クラスが言ったことです。絶対パス: ツリー ディレクトリ構造では、ルート ノードからデータ ファイルまたはディレクトリ ファイルまでの一意のパスは 1 つだけです。ルート ノードからデータ ファイルに渡されるディレクトリ ファイル名とデータ ファイル名を「/」で接続して、データ ファイルへのアクセスに使用できるパス名を形成します。プロセスごとに 1 つを設定できます。 " (「作業ディレクトリ」とも呼ばれます)。これにより、ファイルを見つけるたびに機械的に絶対パスを使用する必要がなくなります。代わりに、現在のディレクトリを基準としたファイルの相対パスを使用します。これは相対パスです。 。もちろん、少し抽象的ですが、私の分析は主に html で使用されます。たとえば、HTML Web ページ内のハイパーリンクとして別の HTML Web ページを参照するにはどうすればよいでしょうか? Web ページに画像を挿入するにはどうすればよいですか?

ファイルを参照する際(ハイパーリンクの追加や画像の挿入など)、ファイルパスを間違えると参照が無効になります(リンク先のファイルが閲覧できなくなったり、挿入した画像が表示されなくなったりする)表示できない等)。
これらのエラーを回避し、ファイルを正しく参照するには、HTML パスを学習する必要があります。
HTML には、相対パスと絶対パスという 2 つのパスの記述方法があります。

HTML相対パス(Relative Path)


同じディレクトリ内のファイル参照


ソースファイルと参照ファイルが同じディレクトリにある場合、直接参照ファイル名を記述するだけです。

ここで、ソース ファイル info.html を作成し、info.html 内のハイパーリンクとしてindex.html ファイルを参照します。
info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。index.html パスが c:Inetpubwwwrootsitesblablaindex.html であると仮定します。 :
index.html 上位ディレクトリの表現方法
../ はディレクトリの上位ディレクトリを表します。 http://www.jb51.net/ は、ソース ファイルが存在するディレクトリの上のディレクトリを表します。

info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。 :

index.html info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。 c:Inetpubwwwrootindex.html in info .html 内のindex.html にハイパーリンクを追加するコードは、次のように記述する必要があります:

index.html仮定 info.html パスは c:Inetpubwwwrootsitesblablainfo.html Index.html パスは c:Inetpubwwwrootsiteswowstoryindex.html であると仮定します。 info.html にindex.html ハイパーリンクを追加するコード

index.html
下位ディレクトリの表現方法
下位ディレクトリにあるファイルを参照するには、下位ディレクトリにあるファイルのパスを直接記述します。

info.html のパスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。index.html のパスが c:Inetpubwwwrootsitesblablahtmlindex.html であるとします。 :

index.html

info.html パスが c:Inetpubwwwrootsitesblablainfo.html であると仮定します。 .html パスは: c: Inetpubwwwrootsitesblablahtmltutorialsindex.html info.html にindex.html ハイパーリンクを追加するコードは次のように記述する必要があります:

HTML は絶対パス (絶対パス)
HTML の絶対パス (絶対パス) は、ドメイン名を持つファイルの完全なパスを指します。

ドメイン名 www.jb51.net を登録し、仮想ホストを申請すると、仮想ホストプロバイダーから www などのディレクトリが提供されるとします。この www は Web サイトのルート ディレクトリです。

ファイルindex.html を www ルート ディレクトリに配置するとします。このファイルの絶対パスは http://www.jb51.net/index.html です。

www ルート ディレクトリに html_tutorials というディレクトリを作成し、そのディレクトリにファイルindex.html を配置するとします。このファイルの絶対パスは http://www.jb51.net/html_tutorials/ です。インデックス.html。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

絶対パスから相対パスへ: Linux パスの使用に関するヒント 絶対パスから相対パスへ: Linux パスの使用に関するヒント Feb 23, 2024 am 08:00 AM

絶対パスから相対パスへ: Linux パスの使用に関するヒント Linux システムでは、パスはファイルやディレクトリを操作するときに頻繁に遭遇する重要な概念です。パスを使用する場合、絶対パスと相対パスの 2 つの一般的な表現方法があります。この記事では、Linux システムでパスを柔軟に使用する方法、特に絶対パスから相対パスに変換する手法について詳しく説明し、具体的なコード例を通じてそれを示します。絶対パスと相対パスとは何ですか?まず、絶対パスと相対パスを明確にする必要があります。

Linux の絶対パスと相対パスの違いを理解する Linux の絶対パスと相対パスの違いを理解する Feb 21, 2024 pm 04:33 PM

Linux の絶対パスと相対パスの違いを理解する Linux システムでは、ファイル システムはツリー構造で編成されており、各ファイルまたはディレクトリには、ファイル システム内での場所を特定するための一意のパスがあります。 Linux システムを使用する場合、絶対パスと相対パスの概念がよく関係します。この記事では、絶対パスと相対パスの違いを詳しく説明し、コード例を使用してその応用例を示します。絶対パスは、ファイルまたはディレクトリの場所を記述するルート ディレクトリから始まる完全なパスです。 Linuxのルートディレクトリ

Visual Studio Code 拡張機能: 2023 年 15 年間のベスト Visual Studio Code 拡張機能: 2023 年 15 年間のベスト Apr 13, 2023 pm 02:31 PM

Visual Studio Code は Visual Studio IDE のミニバージョンで、軽量で、多数の拡張機能を使用でき、すべての言語をサポートしています。拡張機能に関しては、生産性を向上させるために最適な Visual Studio Code 拡張機能を知っておく必要があります。 Visual Studio IDE ユーザー向けに、Visual Studio に最適な拡張機能のいくつかをリストしたガイドを用意しました。このガイドでは、効率と生産性の向上に役立つ Visual Studio Code 拡張機能を多数提供します。早速始めてみましょう。最高の Visual Studio は何ですか

Linux システムのパス表現をマスターする: 絶対パスと相対パス Linux システムのパス表現をマスターする: 絶対パスと相対パス Feb 21, 2024 pm 10:24 PM

Linux システムのマスター パス表現: 絶対パスと相対パス Linux システムでは、パス表現は、特に開発者やシステム管理者にとって非常に重要な基礎知識です。パス表現には主に「絶対パス」と「相対パス」の2種類があり、この記事ではこれら2つのパス表現の違いと使い方を具体的なコード例を用いて説明します。 1. 絶対パス 絶対パスは、ルート ディレクトリから始まる完全なパスで、ファイル システム全体におけるファイルまたはディレクトリの位置を示します。絶対パスはスラッシュ「/」で始まります (例: /h)。

Webフロントエンドの相対パスとは何ですか Webフロントエンドの相対パスとは何ですか Aug 25, 2022 pm 04:58 PM

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

PHP 関数の概要 - realpath(): 絶対パスを返します PHP 関数の概要 - realpath(): 絶対パスを返します Jul 25, 2023 pm 09:09 PM

PHP 関数の概要 - realpath(): 絶対パスを返します PHP プログラムを開発するとき、ファイル パスの問題に遭遇することがよくあります。特に他のファイルの読み取り、書き込み、参照を行う必要がある場合、取得したパスが正確であることを確認することが非常に重要です。 PHP は、この問題を解決するための非常に実用的な関数、realpath() 関数を提供します。 realpath() 関数の機能は、指定された相対パスを絶対パスに変換し、結果を返すことです。これは、現在のコードの実行に関係なく、

Linux で絶対パスと相対パスを正しく使用する方法 Linux で絶対パスと相対パスを正しく使用する方法 Feb 22, 2024 am 10:12 AM

Linux の絶対パスと相対パスを正しく使用する方法 一般的に使用されるオペレーティング システムとして、Linux のファイル システム パスはユーザー操作に不可欠な部分です。 Linux システムでは、絶対パスと相対パスという 2 つの一般的なパス表現方法が使用されます。絶対パスと相対パスを正しく使うことが作業効率を上げる鍵となるので、Linuxでの絶対パスと相対パスの正しい使い方を具体的なコード例を交えて紹介します。 1. 絶対パス 絶対パスとは、ルートディレクトリからファイルに至るまでのパスを指します。

vue で絶対パスを導入するときにエラーが発生した場合はどうすればよいですか? vue で絶対パスを導入するときにエラーが発生した場合はどうすればよいですか? Jan 29, 2023 pm 02:57 PM

vue で絶対パスを導入する際のエラーの解決策: 1. 「await import('@/assets/img/22.png');」を使用してパスを導入します; 2. 戻り値を再利用してローカル イメージをリクエストします。

See all articles