ローカルドキュメントルートを設定できますか、またはどこにありますか?

Question

ハード ドライブからブラウザでファイルを開くとき、ドキュメント ルートはどこですか?次の HTML コードを例に挙げると、ページがローカル マシンから開かれた場合、 (file:///) ではどこに置くべきか css ファイルはブラウザで見つけられるようにする必要がありますか?

<link href="/temp/test.css" rel="stylesheet" type="text/css" />

Answer 1

使用するブラウザによって異なりますが、たとえば Internet Explorer では、ハードドライブのルート ディレクトリ (例: C:/)、一方、Firefox などのブラウザは何も行いません。

Answer 2

あなた できる, ただし、おそらくそうしたくない場合は、ファイルの先頭にファイルごとにドキュメント ルートを設定します。

<base href="my-root">

Answer 3

Mac では、デスクトップ上のメイン ハード ドライブ アイコンをダブルクリックした後に表示されるウィンドウにドキュメント ルートが表示されます。コードに記述されている CSS ファイルをブラウザが検索できるように、temp フォルダーがそこに存在する必要があります。

実際には、次のようにコードを書くこともできます。

<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />

Answer 4

エリック、ドキュメント ルートは、ファイルがどこにあっても、そのフォルダーです。

Answer 5

ローカルの静的 HTML に関しては、指定しない限り、ほとんどのブラウザは表示している HTML ファイルの場所をルートとして取得します。したがって、そこに配置された CSS は名前のみで参照できます。

CSS ファイルの正しい参照を取得する怠惰な方法は、ブラウザで開くことです。次に、そこに表示される URL を取得します。次のようなものです。

file:///blah/test.css

それを HTML のスタイルシート リンクにコピーします。

<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

または、HTML ファイルの URL を取得して、スタイルシートを参照するように修正することもできます。

そうすれば、ローカル ページはローカル スタイルシートで正常に読み込まれるはずです。

Answer 6

ドキュメント ルートの設定に興味がある場合は、マシンに Web サーバーをインストールするか、すでに Web サーバー (Apache や IIS など) がある場合は、開発中のプロジェクトを Web ルートに保存することを検討してください。そのサーバー (Apache では htdocs、IIS では完全にはわかりません)。ファイルをそのまま残しておきたい場合は、仮想ホストを設定し、ブラウザに入力できるアドレスにマップすることもできます (たとえば、Web ルートに解決される local.mrwarshaw.com アドレスがあります)私の個人サイトの開発フォルダー)。

Windows を使用していて、自分でサーバーをセットアップしたくない場合は、XAMPP や WAMPP などのパッケージを入手できますが、これらのパッケージには PHP や MySQL の追加の重みが含まれることに注意してください。それでも、スペースがあれば、マシンに非常に簡単にドロップインできる開発環境になります。