Position du CSS dans le code HTML


ecocentric
WRInaute accro
WRInaute accro
 
Messages: 3602
Inscription: 10 Fév 2004

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: 6339
Inscription: 13 Juin 2005

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 passionné
WRInaute passionné
 
Messages: 1393
Inscription: 28 Nov 2003

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: 3602
Inscription: 10 Fév 2004

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: 6339
Inscription: 13 Juin 2005

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
Modérateur
Modérateur
 
Messages: 11173
Inscription: 5 Juin 2006

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 passionné
WRInaute passionné
 
Messages: 1441
Inscription: 14 Oct 2005

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: 19 Sep 2007

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)


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

  • Analyse de l'entête HTTP
    Cet outil vous permet de connaître le code HTTP renvoyé par le serveur pour une page donnée.
  • Trouver la position d'un site dans Google
    Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Google, pour certains mots-clés recherchés.
  • Trouver la position d'un site dans Yahoo
    Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Yahoo, pour certains mots-clés recherchés.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités