При открытии файла с жесткого диска в браузере, где находится корень документа? Для иллюстрации приведем следующий HTML-код: если страница открывается с локального компьютера, (file:///)
то где должен css
быть файл, чтобы браузер мог его найти?
<link href="/temp/test.css" rel="stylesheet" type="text/css" />
Это зависит от того, какой браузер вы используете, но, например, Internet Explorer приведет вас в корневой каталог вашего жесткого диска (например C:/
), в то время как такие браузеры, как Firefox, ничего не делают.
Эрик, корень документа - это папка, в которой находится ваш файл, где бы он ни находился.
На Mac корневой каталог документа - это то, что вы видите в окне, которое появляется после двойного щелчка по значку основного жесткого диска на рабочем столе. Временная папка должна быть там, чтобы браузер мог найти файл CSS так, как он написан в вашем коде.
На самом деле, вы также можете написать код так:
<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />
Что касается локального, статический html идет, если вы не укажете его, большинство браузеров будут брать местоположение html-файла, который вы просматриваете, в качестве корневого. Таким образом, любая ссылка на CSS может быть указана только по имени.
Ленивый способ получить правильную ссылку для вашего CSS-файла - открыть его в браузере. Затем просто возьмите URL, который вы видите там - что-то вроде:
Файл: ///blah/test.cssи скопируйте это в вашу ссылку на таблицу стилей в вашем HTML:
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">
Либо так, либо вы можете просто взять URL-адрес html-файла и изменить его так, чтобы он ссылался на таблицу стилей.
Тогда ваша локальная страница должна нормально загружаться с локальной таблицей стилей.
Если вы заинтересованы в настройке корневого каталога документов, вы можете посмотреть, как установить веб-сервер на вашем компьютере, или, если у вас уже есть (например, Apache или IIS), сохранить ваш проект в разработке в веб-корневом каталоге этот сервер (htdocs в Apache, не совсем уверен в IIS). Если вы хотите оставить свои файлы там, где они есть, вы можете настроить виртуальные хосты и даже сопоставить их с адресами, которые вы можете ввести в свой браузер (например, у меня есть адрес local.mrwarshaw.com, который разрешается в корневой веб-каталог). из папки разработки моего личного сайта).
Если вы работаете в Windows и не хотите возиться с настройкой сервера самостоятельно, вы можете получить пакет, такой как XAMPP или WAMPP, хотя имейте в виду, что они несут с собой дополнительный вес PHP и MySQL. Тем не менее, если у вас есть место, это довольно простая среда разработки для вашей машины.
Вы можете , но, вероятно, не хотите, устанавливать корень документа для каждого файла в заголовке вашего файла:
<base href = "my-root">