Position du CSS dans le code HTML

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


ecocentric
WRInaute accro
WRInaute accro
 
Messages: 3577
Inscription: Mar Fév 10, 2004 16:40

Position du CSS dans le code HTML

Message le Lun Fév 04, 2008 16:41

Selon vous, les styles CSS doivent-ils être placés entre les head ou peut-on les placer n'importe où dans le code HTML? Les standards spécifient-ils qqch à ce niveau-là? En pratique, ça donne quoi?


nickargall
WRInaute accro
WRInaute accro
 
Messages: 5321
Inscription: Lun Juin 13, 2005 14:13

Message le Lun Fév 04, 2008 16:51

Le mieux, c'est dans une feuile css externe. après, le moins pire, c'est en effet dans la section <head>. Dans le code ça marche aussi, mais pour la validation je suis beaucoup moins sur que ça passe ...
Tu ne peux pas externaliser ton CSS ?
Hmmm, je subodore du mélange de CSS et de PHP, non ? :)

tonguide
WRInaute accro
WRInaute accro
 
Messages: 1242
Inscription: Ven Nov 28, 2003 18:55

Message le Lun Fév 04, 2008 16:55

<style[...]></style> dans le <head>
Dans le contenu, uniquement dans les style=""

Sinon l'idéal est de tout externaliser, dans un fichier que le visiteur n'aura chargé qu'une seule et unique fois pour tout le site. Plutot que de recharger plusieurs fois un style toujours identique.


ecocentric
WRInaute accro
WRInaute accro
 
Messages: 3577
Inscription: Mar Fév 10, 2004 16:40

Message le Lun Fév 04, 2008 17:15

nickargall a écrit:Hmmm, je subodore du mélange de CSS et de PHP, non ? :)

Pas tout-à-fait, c'est pour intégrer un fichier dans une page principale. Je veux pouvoir utiliser ce fichier sur plusieurs sites sans le modifier, et l'intégrer avec un simple include.


nickargall
WRInaute accro
WRInaute accro
 
Messages: 5321
Inscription: Lun Juin 13, 2005 14:13

Message le Lun Fév 04, 2008 17:47

Appelle donc ta feuille CSS dans le HEAD; un site B peut tout à fait appeler un CSS du site A


Marie-Aude
WRInaute accro
WRInaute accro
 
Messages: 4942
Inscription: Lun Juin 05, 2006 14:15

Message le Lun Fév 04, 2008 19:05

Développe des sélecteurs spécifiques pour cette page, de sorte qu'ils ne se mélangent pas avec tes autres feuilles de styles, et appelle la feuille dans l'entête


Pandore
WRInaute accro
WRInaute accro
 
Messages: 1427
Inscription: Ven Oct 14, 2005 22:38

Message le Mar Fév 05, 2008 19:59

Il y a 3 façons d'appliquer une mise en forme :

:arrow: directement dans le code de la page, directement dans les balises : c'est-à-dire entre les "body", à l'aide de l'attribut "style". Exemple :

Code: Tout sélectionner
<body style="text-align:center;">


:arrow: directement dans le code de la page, entre les balises "head"., à l'aide d'une balise "style".
Exemple :

Code: Tout sélectionner
<style type="text/css">
text-align:center;
</style>


:arrow: dans un fichier externe que tu appelles à l'aide d'une balise "link".
Exemple :

Code: Tout sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="style general de la page d'index" href="/monfichier.css" />

Les 3 méthodes sont tout à fait valides.

Perso, j'ai une très nette préférence pour le(s) fichier(s) externe(s) (on peut très bien faire plusieurs fichiers externes si on veut. Un pour le style général, un pour une galerie de photos, etc. ... :wink: ), la maintenance y est plus facile. :D

:wink:

bixi
WRInaute discret
WRInaute discret
 
Messages: 70
Inscription: Mer Sep 19, 2007 8:48

Message le Mar Fév 05, 2008 20:14

et c'est l'unique solution viable pour un css switcher (sans parler de génération dynamqieu de css via php)


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: KOogar et 0 invités