ハードドライブからブラウザにファイルを開くとき、ドキュメントルートはどこにありますか?説明のために、次のHTMLコードが与えられた場合、ページがローカルマシンから開かれる場合、ブラウザがそれを見つけるため(file:///)
のファイルはどこにあるべきですか?css
<link href="/temp/test.css" rel="stylesheet" type="text/css" />
ファイルの先頭にファイルごとにドキュメント ルートを設定できますが、おそらくそうしたくないでしょう。
<base href="my-root">
使用するブラウザによって異なりますが、たとえばInternet Explorerを使用すると、ハードドライブのルートディレクトリ(たとえばC:/
)に移動しますが、Firefoxなどのブラウザは何も実行しません。
Mac では、ドキュメント ルートは、デスクトップのメイン ハード ドライブ アイコンをダブルクリックした後に表示されるウィンドウに表示されるものです。一時フォルダーは、コードに記述されているように、ブラウザーが CSS ファイルを見つけるためにそこにある必要があります。
実際には、次のようなコードを書くこともできます。
<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />
エリック、ドキュメントルートは、ファイルがどこにあっても、ファイルが置かれているフォルダです。
ローカルの静的 html に関する限り、指定しない限り、ほとんどのブラウザーは、表示している html ファイルの場所をルートとして取得します。そのため、そこに配置された css は、その名前だけで参照できます。
css ファイルの正しい参照を取得する怠惰な方法は、ブラウザで開くことです。次に、そこに表示されている URL を取得します。次のようなものです。
file:///blah/test.cssそれをhtmlのスタイルシートリンクにコピーします:
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">
または、html ファイルの URL を取得して、スタイルシートを参照するように修正することもできます。
次に、ローカル ページがローカル スタイルシートで正常に読み込まれるはずです。
ドキュメント ルートの設定に関心がある場合は、マシンに Web サーバーをインストールするか、または (Apache や IIS などの) 既にある場合は、開発中のプロジェクトを Web ルートに保存することを検討してください。そのサーバー(Apacheのhtdocs、IISでは完全にはわかりません)。ファイルをそのままにしておく場合は、仮想ホストをセットアップして、ブラウザーに入力できるアドレスにマップすることもできます (たとえば、web ルートに解決される local.mrwarshaw.com アドレスがあります)。私の個人的なサイトの開発フォルダーの)。
Windows を使用していて、自分でサーバーをセットアップするのをいじりたくない場合は、XAMPP や WAMPP などのパッケージを入手できますが、それらには PHP と MySQL の余分な重みが伴うことに注意してください。それでも、スペースがあれば、マシンに簡単にドロップインできる開発環境です。