46 votes

Ordre des tags dans <head></head>

importe-t-il vraiment quel ordre les balises <link> ou <script> ou <meta> sont dans le <head></head> ?

(question idiote mais une de ces choses auxquelles je n’ai jamais pensé jusqu’à présent.)

41voto

Joe Lencioni Points 4642

Optimisation

Selon les gens de plus en Yahoo! vous devriez mettre les CSS en haut et les scripts en bas , car les scripts bloquer les téléchargements en parallèle. Mais c'est surtout une question d'optimisation et n'est pas critique pour la page fonctionne. Joeri Sebrechts a souligné que Cuzillion est un excellent moyen de tester ça et de voir l'amélioration de la vitesse pour vous-même.

Plusieurs Feuilles De Style

Si vous êtes à la liaison de plusieurs feuilles de style, l'ordre dans lequel ils sont liés, peuvent affecter la façon dont vos pages sont de style en fonction de la spécificité de votre sélecteurs. En d'autres termes, si vous avez deux feuilles de styles qui définissent le même sélecteur de deux façons différentes, ce dernier aura préséance. Par exemple:

La feuille de style 1:

h1 { color: #f00; }

La feuille de style 2:

h1 { color: #00f; }

Dans cet exemple, h1 éléments ont la couleur de l' #00f parce qu'il a été défini en dernier avec la même spécificité:

Plusieurs Scripts

Si vous utilisez plusieurs scripts, l'ordre dans lequel ils sont utilisés peut être important si l'un des scripts dépend de quelque chose dans un autre script. Dans ce cas, si les scripts sont liés dans le mauvais ordre, certains de vos scripts peuvent générer des erreurs ou ne pas fonctionner comme prévu. Ceci, cependant, est très dépendant de ce que les scripts que vous utilisez.

15voto

Konrad Rudolph Points 231505

L'on a accepté la réponse est faux, selon le codage du document. Si l'encodage n'est pas envoyé dans l'en-tête HTTP, le navigateur a pour déterminer l'encodage à partir du document lui-même.

Si le document utilise un <meta http-equiv="Content-Type" … déclaration pour déclarer son encodage, alors tout type de valeur de caractère (code de caractère < 128) survenus avant cette déclaration doit être une valeur ASCII, conformément à la spécification HTML 4. Par conséquent, il est important que cette meta déclaration survient avant que de tout autre élément qui peut contenir des caractères non-ASCII.

10voto

Bno Points 5688

Il est recommandé de mettre la balise meta avec l'encodage des caractères aussi haut que possible. Si l'encodage n'est pas inclus dans (ou diffère de) la réponse de l'en-tête de la page demandée, le navigateur vous devez deviner quel est l'encodage. Seulement quand il trouve cette balise meta il sait ce qu'il a à faire avec et il faut lire tout ce qu'il a déjà analysé de nouveau.

Voir par exemple les Méthodes pour indiquer le jeu de caractères.

8voto

Keith Williams Points 437

Une chose importante à noter: si vous utilisez la balise Internet Explorer compatible avec la méta X-UA pour changer de mode de rendu pour IE, vous devez la placer en premier dans HEAD:

<tête>
  <meta http-equiv = "Compatible X-UA" content = "IE = 7" />
  <title> Titre de la page </ title>
  ...etc
</ head>

5voto

yuku Points 15705

la méta n'a pas d'importance, mais le lien (pour les CSS) et le script sont importants.

Le script empêchera la plupart des navigateurs de rendre la page jusqu'au chargement des scripts. Par conséquent, si possible, ne les mettez pas dans la tête, mais dans le corps.

lien css ne bloquera pas le rendu de la page.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X