HTMLの相対パスと絶対パスの違い
実際の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 にリンクするコードは次のとおりです: |
たとえば、aaa.html を ccc.html にリンクするコードは次のとおりです:
たとえば、ccc.html のコードは bbb にリンクします。 html は次のとおりです:
たとえば、aaa.html をリンクする ccc.html のコードは次のとおりです:
HTML绝对路径为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如： http://www.adminwang.com/index.htm d:/ www /html/images/bg.jpg ログイン後にコピー 绝对路径没有什么好说的，相对路径掌握了，绝对路径就很简单了。 相关推荐： 以上がHTMLの相対パスと絶対パスの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。 このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
ホットAIツール
Undresser.AI Undressリアルなヌード写真を作成する AI 搭載アプリ 
AI Clothes Remover写真から衣服を削除するオンライン AI ツール。 
Undress AI Tool脱衣画像を無料で 
Clothoff.ioAI衣類リムーバー 
AI Hentai GeneratorAIヘンタイを無料で生成します。 
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最高のグラフィック設定
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
アサシンのクリードシャドウズ：シーシェルリドルソリューション
2週間前
By DDD
R.E.P.O.誰も聞こえない場合はオーディオを修正する方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：Myriseのすべてのロックを解除する方法
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
ホットツール
メモ帳++7.3.1使いやすく無料のコードエディター 
SublimeText3 中国語版中国語版、とても使いやすい 
ゼンドスタジオ 13.0.1強力な PHP 統合開発環境 
ドリームウィーバー CS6ビジュアル Web 開発ツール 
SublimeText3 Mac版神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7490
15
CakePHP チュートリアル
1377
52
Steamのアカウント名の形式は何ですか
77
11
NYTの接続はヒントと回答です
19
41
HTMLの表の境界線
Sep 04, 2024 pm 04:49 PM
HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。 
HTML 左マージン
Sep 04, 2024 pm 04:48 PM
HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。 
HTML のネストされたテーブル
Sep 04, 2024 pm 04:49 PM
これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。 
HTML テーブルのレイアウト
Sep 04, 2024 pm 04:54 PM
HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。 
HTML入力プレースホルダー
Sep 04, 2024 pm 04:54 PM
HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。 
HTML 内のテキストの移動
Sep 04, 2024 pm 04:45 PM
HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。 
HTML の onclick ボタン
Sep 04, 2024 pm 04:49 PM
HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。 
|
