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

StackOverflow https://stackoverflow.com/questions/18920

  •  09-06-2019
  •  | 
  •  

Вопрос

Когда вы открываете файл с жесткого диска в своем браузере, где находится корневой каталог документа?Для иллюстрации приведен следующий 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.Тем не менее, если у вас есть свободное место, это довольно простая среда разработки для вашего компьютера.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top