ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLの相対パス(Relative Path)と絶対パス(Absolute Path)を深く理解する_HTML/Xhtml_Webページ制作

HTMLの相対パス(Relative Path)と絶対パス(Absolute Path)を深く理解する_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:40:52
オリジナル
1492 人が閲覧しました

私は 1 年以上 Java Web 開発に携わっています。HTML または JSP ページを作成するのは避けられません。Web アプリケーションの威力は、そのハイパーリンク (Hyper Link) にあります。たとえば、ページ a では、リンク アドレスを保存します。ページ b (つまり URI) に進みますが、問題はまさにここにあり、ファイルを正しく参照する方法です。たとえば、HTML Web ページ内のハイパーリンクとして別の HTML Web ページを参照するにはどうすればよいでしょうか? Web ページに画像を挿入するにはどうすればよいですか? ......
また、相対パスも Struts でよく使われるため、注意しないと混乱しやすくなります。

ファイルを参照する際(ハイパーリンクの追加や画像の挿入など)、ファイルパスを間違えると参照が無効になります(リンク先のファイルが閲覧できなくなったり、挿入した画像が表示されなくなったりする)表示できない等)。

これらの間違いを避けるために、文書を正しく引用し、後で確認できるように相違点や用法を書き留めてください。

HTML には相対パスと絶対パスの 2 つのパスの書き方があります

HTML 相対パス (相対パス)
同じディレクトリ内のファイル参照
ソースファイルと参照ファイルが同じディレクトリにある場合は、参照ファイルの名前を直接記述します。

ここで、ソース ファイル info.HTML を作成し、index.HTML ファイルを info.HTML 内のハイパーリンクとして参照します。

info.HTML パスが d:tomcatwebappshelloblablainfo.HTML であると仮定します。
index.HTML パスが d:tomcatwebappshelloblablaindex.HTML であると仮定します。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:

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

上位ディレクトリの表現方法
../ を表します。ソース ファイルが配置されているディレクトリの上位ディレクトリ、.. /../ はソース ファイルが配置されているディレクトリの上位ディレクトリ、などを表します。

info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であるとします。
index.HTML パスは d:tomcatwebappshelloindex.HTML であるとします。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:

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

info.HTML パスは次のようになります。 d:tomcatwebappshelloblablawwstoryinfo.HTML
index.HTML パスは: d:tomcatwebappshelloindex.HTML
info.HTML にindex.HTML ハイパーリンクを追加するコードは次のように記述する必要があります:

コードをコピーします
コードは次のようになります:
info.HTML パスを想定します。これは次のとおりです。 d:tomcatwebappshelloblablainfo.HTML
index.HTML パスを想定します。d:tomcatwebappshellowowstoryindex.HTML
index.HTML ハイパーリンクを追加するコードinfo.HTML は次のように記述する必要があります:


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

下位ディレクトリの表現方法 は下位ディレクトリにあるファイルを参照しているので、下位ディレクトリにあるファイルのパスを直接記述するだけです。

info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であるとします。
index.HTML パスは d:tomcatwebappshelloblablaHTMLindex.HTML であるとします。
index.HTML ハイパーリンクを info に追加するコード。 HTML は次のようになります:


コードをコピーコードは次のとおりです:
info.HTML パスは d:tomcatwebappshelloblablainfo.HTML であると仮定します。
インデックスを仮定します。 .HTML パスは次のとおりです: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
index.HTML ハイパーリンクを info.HTML に追加するコードは次のように記述する必要があります:


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