Пути ссылок на JavaScript / CSS / изображения
Мне было интересно, есть ли у кого-нибудь предпочтение для ссылки на файлы изображений / css или javascript на своих сайтах?
Причина, по которой я спрашиваю, заключается в том, что если клиент хочет разместить сайт, который мы написали, в виртуальном каталоге, на сайте обычно должны быть изменены ссылки на файлы - даже до url (... пути к изображению) в файлах CSS, потому что мы обычно разрабатывать сайт так, как будто это корневое приложение - иногда клиент не знает, где он будет размещать его, до дня, предшествующего дате выпуска!
Используя ASP.NET, мы можем обойти проблему в формах, ссылаясь на элементы с помощью символа '~' при использовании компонентов сервера runat или метода Url.Content при использовании ASP.NET MVC ...
Итак, есть ли какие-нибудь хорошие решения для сохранения общих ссылок на файлы или мы сталкиваемся с необходимостью каждый раз менять ссылки на файлы?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Изображений (например, background-url) в CSS всегда ссылаются на файл css.
Пример:
/img/a.gif
/css/c.css
Чтобы ссылаться на a.gif из файла css, вы всегда должны ссылаться на него как на такой ../img/a.gif, независимо от того, где находится страница или как она переписывается.
Вы по-прежнему можете использовать относительные адреса с навигацией «вверх»:
Например. В /styles/main.css для /images/bg.png:
background-image: url('../images/bg.png');
Или в /path/to/this/page.html для /index.html
<a href = "../../../index.html">Home</a>
Возможно, это не самый привлекательный вариант, но он должен работать.
Мне нравится хранить все мои изображения стилей в подкаталогах расположения таблицы стилей, например:
Сайт-> Стиль-> Common.css
Сайт-> Стиль-> Изображения-> Background.png
Таким образом, вы устраняете проблемы, связанные с запутанными «верхними» каталогами в CSS или с необходимостью легко перемещать CSS, поскольку все они находятся в одном каталоге.
Откровенно говоря, смешивание изображений стилей и изображений содержимого может стать немного беспорядочным на большом сайте с большим количеством мультимедиа.
Отлично, я не понимал, что они всегда относительно файла CSS ... спасибо!