Связывание с внешними таблицами стилей с помощью HTTP: // или локального пути

Question

Каковы плюсы и минусы каждого?Есть ли разница?

Стили CSS в HTML.

Answer 1

Я полагаю, вы спрашиваете, какой из них вы должны использовать:

<link rel="stylesheet" type="text/css" href="/file.css" />
<link rel="stylesheet" type="text/css" href="http://example.com/file.css" />

Разница между ними заключается в том, что первый называется относительный путь , а второй - абсолютный путь .

Если рассматриваемой HTML-страницей является http://example.com/page.html, то по сути разницы нет.Однако, если страница http<b><i>s</i></b>://example.com/page.html (защищенная SSL), вы обнаружите, что теперь есть очень важное различие.На защищенной странице многие браузеры не будут загружать контент, который также не защищен.Если вы связали свой CSS-файл с абсолютным путем, он не будет обслуживаться надежно, и поэтому ваша таблица стилей может не загружаться.

Если у вас нет очень конкретной причины для абсолютной ссылки на ваш CSS, вы хотитеиспользуйте относительный путь.

Answer 2

при использовании http: // ... (абсолютный путь) вам необходимо изменить его при перемещении страницы в новый домен (если вы не генерируете ее динамически с помощью PHP)

использование относительного пути - лучший способ imho

использование локального пути невозможно, так как файлы CSS запрашиваются браузером hosts / uests, а не на сервере

Answer 3

Приятно начинать со встроенного и встроенного style="" или помещать некоторые определения стиля в заголовок, но как только проект занимает больше двух страниц, это просто потому, что в конце больше работы.