Codes des caractères iso-8859-1. Accents en html css javascript. Le .htaccess et ses fonctionnalités. Htaccess : cache control et expire headers. Le htaccess est un fichier de configuration de votre serveur, et celui-ci peut vous rendre énormément service pour les performances de votre site, sur l’expérience utilisateur et sur le référencement naturel. Mais c’est un peu le flou sur la manière de le configurer. Si vous rencontrez des soucis avec ce code et que vous souhaitez que nos équipes se charge de l’adapter et de l’installer, faites appel à nos services de développement. Voici donc un guide pour coder votre fichier htaccess : Avant propos Testez, testez et testez ! Chaque code donné ici permet d’optimiser le fichier htaccess pour accélérer votre site, le sécuriser et réduire la bande passante utilisée.
Mais en fonction de la configuration de votre serveur, les codes peuvent ne pas fonctionner : vous devez absolument tester et adapter chaque code en fonction de vos besoins ! Quelques définitions Pour mieux comprendre cet article, voici quelques explications. Htaccess : c’est un fichier de configuration pour un serveur web apache. Mettre en cache les fichiers statiques de votre site Web (htaccess) Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 23 342 fois. J’avais complètement oublié de vous en parler, et pourtant c’était prévu depuis l’article sur l’optimisation du chargement de vos pages grâce à la compression Gzip. Quelques définitions .htaccess Le fichier .htaccess vous permet de communiquer avec votre serveur (apache) dans le but d’en changer une partie des paramètres et des comportements par défaut Serveur Apache Il s’agit d’un format de serveur, il est le plus répondu dans le monde, et est utilisé par la plupart des fournisseurs d’hébergement (gratuit ou payant) Headers En-tête, en anglais, il s’agit d’informations que l’on place en tête de page afin d’orienter le navigateur vers telle ou telle interprétation de la page.
Le cache Il s’agit de données « enregistrées » dans un état statique sur un système. Le cache navigateur Voici le code correspondant à entrer dans votre fichier .htaccess : Mise en cache, cache-control. Comment imposer une expérience full HTML5 / CSS3 à vos visiteurs [Dictator mode] Décidément, ils ont toujours de bonnes idées chez Google... Afin de faire la nique à Internet Explorer et surtout de permettre aux Webmasters de proposer une expérience full HTML5 / CSS 3 à leurs visiteurs sous IE, le géant des Internetz a mis en ligne Google Chrome Frame.
Google Chrome Frame ou GCF est un plugin pour IE qui permet d'utiliser le moteur de Chrome (webkit) sans devoir installer Chrome. Pratique pour ceux qui ont leurs petites habitudes ou des contraintes professionnelles. Ce qu'il faut savoir, c'est que ce plugin peut être activé et proposé par les webmasters grâce au code suivant, à placer dans le head de votre site : Et à placer juste après la balise de fermeture </body> : Ainsi, en arrivant sur votre site, vos visiteurs IE qui ne disposent pas encore de Chrome Frame verront la popup suivante : Ok, y'a plus sexy et moins intrusif, mais dans certains cas, ça peut servir. BrowserMatch chromeframe gcfHeader append X-UA-Compatible "chrome=1" env=gcf Et voilà ! Amusez-vous bien ! Dive Into HTML5. Balises img et map. La balise <img> et ses attributs La balise a de nombreux attributs, le plus important étant bien entendu src qui permet de spécifier l'URL complète (chemin) du fichier : Le nom de fichier doit être remplacé par le nom de l'image et son extension (ordi.gif).
Si votre fichier ordi.gif se trouve dans un autre répertoire que vos pages, par exemple dans un répertoire gif, cela donne : A noter que vous pouvez charger une image sur un autre site (principe du compteur). Il faut pour cela l'adresse complète du serveur : Note : Pas de barre oblique inverse \. a) Précisez la taille de l'image au navigateur !
En précisant la taille de l'image au navigateur, celui-ci charge plus rapidement votre page. Vous pouvez donc agrandir ou rétrécir votre image en jouant sur les attributs width et height mais attention ! B) Fournir un texte de rechange c) Entourer l'image Avec l'attribut border vous pouvez entourer l'image d'une bordure. D) Espacer l'image e) Positionner et aligner une image.