Должны ли ссылки на image / css / javascript из HTML использовать относительные или абсолютные пути?

Question

Каковы плюсы и минусы ссылки на веб-ресурсы с использованием относительных или абсолютных путей?Например:

<link rel="StyleSheet" href="/css/mystylesheet.css" type="text/css" />
<img src="/images/myimage.gif" alt="My Image" />

против

<link rel="StyleSheet" href="../css/mystylesheet.css" type="text/css" />
<img src="../images/myimage.gif" alt="My Image" />

Answer 1

Ответ "это зависит". Но в большинстве случаев абсолютный путь, вероятно, лучший.

Я использую абсолютные пути, где я использую шаблоны или если я использую mod_rewrite Apache.

Вы можете использовать относительный путь, если у вас есть страница с сопровождающей таблицей стилей, которая может быть размещена на разных уровнях при загрузке. т.е. вы написали страницу, которая будет использоваться на многих веб-сайтах, и некоторые люди могут загружать ее в корневой каталог, а некоторые - нет, используя относительный путь, если они одновременно загружают HTML-файл и CSS-файл, это будет работать - тогда как в этом сценарии абсолютный путь не будет.

Answer 2

Это зависит от вашей организации файлов на стороне сервера. Если вы используете перезапись URL или фронт-контроллер , то относительные пути, вероятно, не будут работать.

С другой стороны, если вы используете абсолютные пути (и даже если вы просто используете «нормальные» HTML-страницы), вы можете изменить порядок страниц, не заботясь об их расположении в вашей структуре.