Hay algún orden específico para poner los meta , links y title dentro del head?, altera en algo de carga o algo asi el orden que yo le i...

Juan David Niño Rodriguez

Juan David Niño Rodriguez

Pregunta
studenthace 5 años

Hay algún orden específico para poner los meta , links y title dentro del head?, altera en algo de carga o algo asi el orden que yo le imponga? cual seria la mejor práctica para el orden que debe tener el contenido del head?

5 respuestas
para escribir tu comentario
    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Asi es Santiago De arriba hacia abajo y de Izquierda a Derecha.

    David Santiago Hurtado Betancourt

    David Santiago Hurtado Betancourt

    studenthace 5 años

    Me gustaría aportar que tanto los archivos HTML como los CSS cargan de arriba para abajo, lo que está arriba se cargará primero. Por ejemplo si en un css arriba pones que el texto sea color azul y una linea abajo pones que sea color negro, terminará negro.

    Luis Lira

    Luis Lira

    studenthace 5 años

    Hola, no hay una regla escrita en piedra para esta, pero normalmente siempre encontrarás hasta arriba las etiqueta meta y al final los links a archivos de JavaScript o CSS, y muchas veces es más recomendable poner los archivos de JavaScript hasta el final del body para evitar que se bloquee el renderizado de la página mientras descarga el JS.

    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Muy buena pregunta! Jamas me había cuestionado eso.

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola!

    Lo recomendado es poner primero todos los meta, luego todos los link externos (estilos, fuentes, etc...) y por último el título. Esto en una estructura de un proyecto básico.

    Estos archivos externos normalmente se cargan una vez todo el HTML se termine de cargar, todo en cuestión de milisegundos.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.