para - péguelo en el código html entre las etiquetas<head> y</head>
Orden de etiquetas en<head></ head> (14)
¿Importa en absoluto en qué orden están las etiquetas <link> o <script> o <meta> en <head></head> ?
(pregunta tonta, pero una de esas cosas que nunca he pensado hasta ahora).
A los efectos de la validación como XHTML, sí. De lo contrario, probablemente te interesarán las respuestas de optimización.
Coloque la metaetiqueta que declara el juego de caracteres como el primer elemento en la cabecera. El navegador solo busca hasta ahora la etiqueta. Si tiene demasiadas cosas antes del elemento meta, es posible que no se aplique el juego de caracteres.
Si usa el elemento BASE, colóquelo antes de cualquier elemento que cargue URI (si lo desea).
Como ya se señaló, el metadescribir el conjunto de caracteres de contenido debería ser el primero, de lo contrario podría ser un agujero de seguridad en una situación determinada. (Lo siento, no recuerdo esa situación lo suficientemente bien como para describirla aquí, pero me fue demostrada en el curso de capacitación en seguridad web)
Hace poco tuve un problema con un elemento jquery ui que se puede arrastrar. Se estaba comportando correctamente en Firefox, pero no en Safari. Después de una tonelada de prueba y error, la solución fue mover mis enlaces css por encima de los enlaces javascript en la cabeza. Muy extraño, pero ahora se convertirá en mi práctica estándar.
La respuesta aceptada es un poco incorrecta, dependiendo de la codificación del documento. Si no se envía ninguna codificación en el encabezado HTTP, el navegador debe determinar la codificación del documento en sí.
Si el documento utiliza una declaración <meta http-equiv="Content-Type" … para declarar su codificación, cualquier carácter con valor ASCII (código de carácter <128) que se presente antes de esta declaración debe ser un valor ASCII, según especificación HTML 4 . Por lo tanto, es importante que esta meta declaración se produzca antes que cualquier otro elemento que pueda contener caracteres que no sean ASCII.
No es una pregunta tonta en absoluto.
CSS arriba de las etiquetas de Script por las razones ya mencionadas.
CSS se aplica en el orden en el que coloca las etiquetas; cuanto más específica sea la hoja de estilo, más abajo en el orden en que debería estar.
Lo mismo ocurre con los scripts: los scripts que usan funciones declaradas en otros archivos deben cargarse después de cargar la dependencia.
No, no importa, a excepción de la vinculación o inclusión de CSS, debido a la herencia de CSS y al hecho de que sobrescribe lo que ya estaba diseñado (lo siento por mi inglés, creo que mi oración no es muy clara: - /).
Por lo general, se recomienda tener la etiqueta <script> tan abajo en la página como sea posible (no en la cabeza, sino en el cuerpo).
Aparte de eso, no creo que marque una gran diferencia porque el cuerpo no se puede analizar a menos que tengas la sección <head> completamente cargada. Y, desea que su etiqueta <link> esté en la cabeza como desea que su estilo ocurra a medida que el navegador representa su página y no después de eso.
Se recomienda colocar la metaetiqueta con la codificación de caracteres lo más alta posible. Si la codificación no está incluida (o difiere) del encabezado de respuesta de la página solicitada, el navegador tendrá que adivinar cuál es la codificación. Solo cuando encuentra esta metaetiqueta sabe a qué se enfrenta y tendrá que leer todo lo que ya ha analizado de nuevo.
Ver por ejemplo Métodos para indicar el juego de caracteres .
Si declara el juego de caracteres en un elemento meta, debe hacerlo antes que cualquier otro elemento.
Solo importaría si uno de los archivos vinculados (CSS / Javascript) dependiera de otro. En ese caso, todas las dependencias se deben cargar primero.
Digamos, por ejemplo, que estás cargando un complemento de jQuery, primero necesitarías cargar jQuery. Lo mismo cuando tienes un archivo CSS con algunas reglas que extienden otras reglas.
Una cosa importante a tener en cuenta: si está utilizando la etiqueta compatible con Internet Explorer X-UA para cambiar los modos de representación para IE, debe ser lo primero en HEAD:
<head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>Page title</title> ...etc </head>
meta no importa, pero enlaza (para css) y asuntos de scripts.
La secuencia de comandos bloqueará la mayoría de los navegadores para que no muestren la página hasta que se carguen los scripts. Por lo tanto, si es posible, colóquelos no en la cabeza, sino en el cuerpo.
El enlace css no bloqueará la representación de la página.
Mejoramiento
De acuerdo con la gente de Yahoo! debe poner CSS en la parte superior y los scripts en la parte inferior porque los scripts bloquean las descargas paralelas. Pero eso es principalmente una cuestión de optimización y no es crítico para que la página realmente funcione. Joeri Sebrechts señaló que Cuzillion es una gran manera de probar esto y ver la mejora de velocidad para usted.
Múltiples hojas de estilo
Si está vinculando varias hojas de estilo, el orden en que están vinculadas puede afectar la forma en que se diseñan sus páginas, dependiendo de la especificidad de sus selectores . En otras palabras, si tiene dos hojas de estilo que definen el mismo selector de dos maneras diferentes, esta última tendrá prioridad. Por ejemplo:
Hoja de estilo 1:
h1 { color: #f00; }
Hoja de estilos 2:
h1 { color: #00f; }
En este ejemplo, los elementos h1 tendrán el color #00f porque se definieron al final con la misma especificidad:
Varios guiones
Si está utilizando varias secuencias de comandos, el orden en que se utilizan puede ser importante si una de las secuencias de comandos depende de algo en otra secuencia de comandos. En este caso, si los scripts están vinculados en el orden incorrecto, algunos de los scripts pueden arrojar errores o no funcionar como se esperaba. Sin embargo, esto depende en gran medida de los scripts que esté utilizando.