简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLの相対パスと絶対パスの違い

小云云
リリース： 2018-05-18 14:20:20
オリジナル
7754 人が閲覧しました

実際のWeb開発では、CSSファイルなどを含む画像の挿入には必ずパスが必要です。ファイルパスの追加を間違えると、参照が無効になってしまいます（リンク先のファイルが閲覧できない、挿入した画像が表示できないなど）。 ）。多くの初心者が混乱するでしょう。ここでは相対パスと絶対パスについて詳しく説明します。

HTML相対パス

は、このファイルが配置されているパスによって生じる他のファイル(またはフォルダー)とのパス関係を指します。

例:

ファイル 1.htm の絶対パスは次のとおりです: d:/www/html/1.htm

ファイル 2.htm の絶対パスは次のとおりです: d:/www/html/2.htm

その場合: 2.htm に対する 1.htm の相対パスは次のとおりです: 1.htm

相対リンクの使用方法:

同じディレクトリにリンクする場合は、リンクするドキュメントの名前を入力するだけで済みます、例: 

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />
ログイン後にコピー

次のレベルのディレクトリにリンクする場合は、最初にディレクトリ名を入力し、次に「/」を追加してからファイル名を入力する必要があります。例: 

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />
ログイン後にコピー

に接続する場合上位ディレクトリの場合は、最初に「../」を入力し、次にディレクトリ名とファイル名を入力する必要があります。例: 

<a href = “．．/ www/index.htm”>
ログイン後にコピー

例の概要

現在 4 つの HTML ファイルがあり、aaa.html bbb です。 .html ccc.htmlindex.html

  • aaa.html パスは次のとおりです: D:/www/ adminwang/html/aaa.html

  • bbb.html のパスは次のとおりです: D:/www/adminwang / bbb.html

  • ccc.html のパスは次のとおりです: D:/www/ ccc.html

  • index.html のパスは D:/www/index.html です

リンク ファイル同じディレクトリ

たとえば、ccc.html ファイルリンクのコードは次のとおりです。index.html ;/a>

前のディレクトリ内のファイルへのリンク		たとえば、bbb.html を ccc.html にリンクするコードは次のとおりです:

1


CCC Web ページへのリンク


上位 2 レベルのディレクトリにあるファイルをリンクします

たとえば、aaa.html を ccc.html にリンクするコードは次のとおりです:

1

ccc Web ページへのリンク


下位ディレクトリのファイルをリンクします

たとえば、ccc.html のコードは bbb にリンクします。 html は次のとおりです:

1

bbb Web ページへのリンク


2 レベルのディレクトリ

たとえば、aaa.html をリンクする ccc.html のコードは次のとおりです:

1

HTML绝对路径

为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如：

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
ログイン後にコピー

绝对路径没有什么好说的，相对路径掌握了，绝对路径就很简单了。

相关推荐：
HTMLa标签的href属性指定相对路径与绝对路径使用方法

html的绝对路径和相对路径怎么使用

php算法实现相对路径的案例

以上がHTMLの相対パスと絶対パスの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html 比較的 絶対
ソース：php.cn
前の記事：HTML で画像を選択し、実装コードを直接プレビューする 次の記事：HTML と JS は単純な計算機を実装します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
から 2024-04-06 20:02:10
0
2
543
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！