HTML相対パスの親ディレクトリと子ディレクトリの書き方

HTML相対パスの親ディレクトリと子ディレクトリの書き方
親ディレクトリを指定する方法
../ はソース ファイルの親ディレクトリを表し、../../ はソース ファイルの親ディレクトリを表します。
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "../index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html のパスが c:\Inetpub\wwwroot\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href="../../../index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\wowstory\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "../wowstory/index.html">index.html</a>
サブディレクトリがサブディレクトリ内のファイルを参照していることを示すにはどうすればよいでしょうか? サブディレクトリ ファイルのパスを記述するだけです。 info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。index.html へのパスが c:\Inetpub\wwwroot\sites\blabla\html\index.html であると仮定します。info.html に index.html へのハイパーリンクを追加するコードは、次のように記述する必要があります。<a href = "html/index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "html/tutorials/index.html">index.html</a>

<<:  Docker コンテナのマウントディレクトリ操作の表示

>>:  MySQLテーブルをコピーする方法

推薦する

URLパラメータに基づくNginx転送

使用シナリオ:ジャンプ パスは、傍受された URL に応じて動的に構成する必要があります。これは、イ...

さまざまなReact状態マネージャーの解釈と使用方法

まず、状態マネージャーとは何か、そしてそれが何をするのかを知る必要があります。複数のページで同じプロ...

js での typeof の使い方を理解するための記事

目次ベース戻り値の型文字列とブール値数値とbigintシンボル未定義関数物体他のよくある質問参照エラ...

Vue.js を学ぶ際に遭遇する落とし穴

目次クラス void のポイントES6 矢印関数ヴュートファイvue-cli非同期と同期実行と展開ヒ...

面接では、select...for update がテーブルをロックするのか、それとも行をロックするのか尋ねられました。

目次確認する:例の検証と組み合わせるselect クエリ ステートメントはロックされませんが、sel...

Vue ページをリフレッシュするために provide と injection を適用する

目次方法1: 関数を直接呼び出す方法2: provide / inject (静的更新) を使用する...

Dockerコンテナアプリケーションログの表示方法

docker アタッチコマンドdocker attach [options] 容器実行中のコンテナに...

子コンポーネントを通じて親コンポーネントのプロパティを変更するための Vue のさまざまな実装方法

目次序文一般的な方法1. 親コンポーネントを介して子コンポーネントの発行イベントをリッスンしてpro...

デザイン理論: なぜ私たちは間違った場所を見ているのでしょうか?

数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの...

Linux の MySQL 設定の変更が有効にならない問題の解決方法

背景AWS EC2 を使用するプロジェクトサービスがあります。セキュリティとパフォーマンスを考慮して...

あるテーブルからバッチデータをクエリし、それを別のテーブルに挿入する MySQL の完全な例

事前に言っておくNodejs はデータベースを非同期操作として読み取るため、データベースがデータを読...

Windows でのシンプルな Mysql バックアップ BAT スクリプトの共有

序文この記事では、Windows で Mysql をバックアップするための簡単な BAT スクリプト...

JavaScript インタビュー: 配列の平坦化メソッドを実装する方法

目次1 配列のフラット化とは何ですか? 2 JS標準ライブラリの配列フラット化メソッド3 フラットメ...

Linux 脆弱性スキャンツール lynis の使用分析

はじめに: Lynis は、徹底的なセキュリティ スキャンを実行できる Unix システム用のセキュ...

iframe を使用して Web ページに他の Web ページを埋め込む方法

iframe の使い方:コードをコピーコードは次のとおりです。 <DIV align=cent...