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