JavaScript / CSS / chemins de référence de l'image

Je me demandais si quelqu'un a une préférence pour le référencement des images/css ou javascript fichiers dans leurs sites?

La raison pour laquelle je demande est que si un client veut héberger le site, nous avons rédigé en vertu de l'un répertoire virtuel, le site a généralement pour avoir des références à des fichiers modifiés - même à l'url (...le chemin de l'image) dans le CSS les fichiers, car nous avons l'habitude de développer le site que si c'est une racine de l'application - parfois, le client ne sait pas où ils vont l'héberger jusqu'à ce que le jour avant de drop-date de!

À l'aide de ASP.NET on peut contourner le problème, dans les formes par la référence à des éléments en utilisant le '~' lors de l'utilisation de runat les composants du serveur ou l'adresse Url.Contenu de la méthode lors de l'utilisation de ASP.NET MVC...

Donc, y at-il de bonnes solutions pour garder le fichier de références génériques ou sommes-nous face à avoir à modifier le fichier de références à chaque fois?

source d'informationauteur Kieron

  1. 21

    Images (comme arrière-plan-url) en CSS sont toujours référencé par rapport au fichier css.

    Exemple:

    /img/a.gif
/css/c.css

    De référence a.gif du fichier css, vous devez toujours référence comme tels ../img/a.gifhors de propos à l'endroit où une page se trouve ou comment il est réécrit

  2. 6

    Je tiens à garder tout mon style d'images dans des sous-répertoires de la feuille de style de l'emplacement, par exemple:

    Site->Style>Commune.css

    Site->Style>Images->arrière-plan.png

    De cette façon, vous atténuer les problèmes avec "up" répertoires dans le CSS être source de confusion, ou qui ont besoin de déplacer le CSS facilement, comme c'est l'auto contenue dans un seul répertoire.

    Franchement, mélange de style des images et du contenu des images, ensemble, peuvent obtenir un peu désordonné dans un site de grande taille avec beaucoup de médias.

  3. 5

    Vous pouvez toujours utiliser relatif adresses avec "up" de navigation:

    E. g. Dans /styles/main.css pour /images/bg.png:

    background-image: url('../images/bg.png');

    Ou dans /path/to/this/page.html pour /index.html

    <a href="../../../index.html">Home</a>

    Il peut ne pas être le plus attrayant, mais il devrait fonctionner.