html 内の絶対パス URL と相対パス URL、サブディレクトリ、親ディレクトリ、ルート ディレクトリ
|
絶対 URL は、インターネット上の特定のファイルに必要なすべてのコンテンツを表すために使用されます。インターネット上のすべてのファイルには一意の URL があり、これは Web ページで検索するときにアドレス バーに入力する必要があるリンクです。 たとえば、Baidu の Web ページにアクセスするには、Web ページのアドレス バーに http://www.baidu.com./ と入力するだけです。 ウェブページにアクセスし、その中の他の画面をクリックすると、アドレスバーのリンクが非常に長くなることがあります。これは、クリックしたコンテンツのアドレスが相対 URL を使用するためです。相対 URL は、同じ名前の Web ページ リンクの下にある他のディレクトリにのみ適しており、他の Web サイトに入る場合は無効になります。同じディレクトリ内のリソースに接続する場合は、ファイル名を変更するだけで、元のアドレスを変更する必要はありません。 1. サブディレクトリ コンピュータ内のサブディレクトリは簡単に理解できます。たとえば、C:\ は親ディレクトリ、C:\Windows は C:\ のサブディレクトリ、C:\Windows\System32\ は C:\Windows のサブディレクトリです。 サブディレクトリの各レベルでは、親ディレクトリの後にスラッシュ / を追加し、ファイル名を追加してサブディレクトリを形成するだけです。 2. 親ディレクトリ 親ディレクトリ: これは 1 の C:\Windows\System32\ と同じです。C:\Windows は System32 の親ディレクトリです。 3. ルートディレクトリ ルート ディレクトリ: 例は上記と同じです。つまり、C:/ がルート ディレクトリです。 HTML 内のディレクトリについても同様です。唯一の違いは、ルート ディレクトリを「アーキテクチャ + サーバー アドレス + ファイル名」の形式に変更する必要があることです。 例： 詳しくはこちら  |
>>: フレックスレイアウトにおける画像変形の解決策の詳細な説明
推薦する
テキストエリアをレイアウトしたときにテキストが左下にあり、サイズを変更できない問題の解決策
2つの小さな問題ですが、長い間私を悩ませていました。最初の質問テキストエリアの左側のテキストは常にテ...
JavaScript での AOP プログラミングの基本実装
AOP の紹介AOP (アスペクト指向プログラミング) の主な機能は、コアビジネスロジックモジュール...
Linux CentOS でスクリプトを定期的に実行するように設定する方法
多くの場合、サーバーでスクリプトを定期的に実行して操作をトリガーする必要があります。たとえば、Qin...
Win10+Ubuntu 20.04 LTS デュアル システム インストール (UEFI + GPT) (画像とテキスト、複数の画像には注意)
Win10 のインストール (すでにインストールされている場合はスキップしてください) win10...
MySQL ロック（テーブルロック、行ロック、共有ロック、排他ロック、ギャップロック）の詳細な説明
現実世界では、鍵は外の世界から身を隠したいときに使用するツールです。コンピュータでは、複数のプロセス...
Nginx で複数のドメイン名がドメインをまたいでアクセスできるようにマップを使用する方法
一般的なNginx構成ではクロスドメインが可能 サーバー{ 11111 を聞いてください。 serv...
MySQL ユーザーと権限、およびルートパスワードをクラックする方法の例
MySQL ユーザーと権限MySQL には、MySQL と呼ばれるシステムに付属するデータベースがあ...
Node.js における非同期プログラミングの知識ポイントの詳細な説明
導入JavaScript はデフォルトでシングルスレッドであるため、コードは並列実行するための新しい...
Windows 10 でカスタムドメイン名をバインドするように Hexo と GitHub を構成する方法
Hexo は Windows 10 でカスタムドメイン名を GitHub にバインドしますまずドメイ...
CSS疑似クラス名を数字で始めないでください
初心者が div+css を開発する場合、.ggg、#ccc などの形式の CSS 疑似クラス名を付...
MySQL データをエクスポートおよびインポートするための HeidiSQL ツール
場合によっては、SQL へのデータのエクスポートとインポートを容易にするために、特定のツールを使用し...
LinuxでLVMディスクを拡張する詳細な手順
1.ハードディスクを追加する2. パーティションの状態を確認します: fdisk -l 3. パーテ...
Zabbix Agent2を使用してOracleデータベースを監視する方法
概要zabbix バージョン 5.0 以降では、zabbix-agent2 という新しい機能が追加さ...
MySQL 8.0 の新機能: ハッシュ結合
MySQL 開発チームは、2019 年 10 月 14 日に MySQL 8.0.18 GA バージ...
Vueはログイン時に画像認証コードを実装します
この記事では、Vueログイン用画像認証コードの具体的なコードを例として紹介します。具体的な内容は以下...