Можете ли вы установить или где находится локальный корень документа?

Question

При открытии файла с жесткого диска в браузере, где находится корень документа? В качестве иллюстрации приведем следующий HTML-код: если страница открывается с локального компьютера (file:///), то где должен быть файл css, чтобы браузер нашел его?

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

Answer 1

Вы можете , но, вероятно, не хотите, установите корень документа для каждого файла в заголовке вашего файла:

<base href="my-root">

Answer 2

На Mac корневой каталог документа - это то, что вы видите в окне, которое появляется после двойного щелчка по значку основного жесткого диска на рабочем столе. Временная папка должна быть там, чтобы браузер мог найти файл CSS так, как он написан в вашем коде.

На самом деле, вы также можете написать код, подобный этому:

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

Answer 3

Это зависит от того, какой браузер вы используете, но, например, Internet Explorer перенесет вас в корневой каталог вашего жесткого диска (например, C:/), в то время как такие браузеры, как Firefox, ничего не делают.

Answer 4

Если вы заинтересованы в настройке корневого каталога документа, вы можете посмотреть, как установить веб-сервер на вашем компьютере, или, если он у вас уже есть (например, Apache или IIS), сохранить ваш проект в разработке в веб-корень этого сервера (htdocs в Apache, не совсем уверен в IIS). Если вы хотите оставить свои файлы там, где они есть, вы можете настроить виртуальные хосты и даже сопоставить их с адресами, которые вы можете ввести в свой браузер (например, у меня есть адрес local.mrwarshaw.com, который разрешается в корневой веб-каталог папки для разработки моего личного сайта).

Если вы работаете в Windows и не хотите возиться с настройкой сервера самостоятельно, вы можете получить пакет, такой как XAMPP или WAMPP, хотя имейте в виду, что они несут дополнительный вес PHP и MySQL. с ними. Тем не менее, если у вас есть место, это довольно простая среда разработки для вашей машины.

Answer 5

Что касается локального, статический html идет, если вы не укажете его, большинство браузеров будут брать местоположение html-файла, который вы просматриваете, в качестве корневого. Таким образом, любой CSS-файл, на который он ссылается, может быть указан только по его имени.

Ленивый способ получить правильную ссылку для вашего CSS-файла - открыть его в браузере. Затем просто возьмите URL, который вы видите там - что-то вроде:

file:///blah/test.css

и скопируйте его в ссылку на таблицу стилей в html:

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

Либо так, либо вы можете просто взять URL-адрес html-файла и изменить его так, чтобы он ссылался на таблицу стилей.

Тогда ваша локальная страница должна нормально загружаться с локальной таблицей стилей.

Answer 6

Эрик, корнем документа является папка, в которой находится ваш файл, где бы он ни находился.