¿En qué parte del documento HTML está el lugar correcto para referirse a una hoja de estilo externo?

Una página HTML tiene dos partes principales, primero es la cabeza y la segunda es el cuerpo. La etiqueta Head es la que contiene el título de la página HTML, así como todos los enlaces a los archivos externos. HTML proporciona la instalación para agregar la referencia a una hoja de estilo externa en cualquier parte del documento. Sin embargo, necesitamos elegir el lugar correcto y el mejor para agregar la hoja de estilo externo.

Esta publicación tiene como objetivo abordar el lugar correcto donde puede agregar una hoja externa en un documento HTML.

¿Cuál es el lugar correcto para referirse a una hoja de estilo externo en HTML??

Como se mencionó anteriormente, puede agregar el enlace a la hoja externa en cualquier lugar del documento HTML. Sin embargo, la mejor práctica es agregarlo dentro de la etiqueta. Si la hoja de estilo se agrega en la etiqueta, lleva menos tiempo cargarse en lugar de si se agrega en otro lugar del documento HTML.
Veamos cómo se puede agregar una hoja de estilo en la etiqueta.

Html

Sección 1
Sección 2

En este código, hemos creado dos divisiones usando la etiqueta. El enlace de la hoja de estilo externo se agrega dentro de la sección del cabezal utilizando la etiqueta. El "href"Atributo que especifica la ubicación de la hoja de estilo externo.

El código del archivo CSS se proporciona a continuación.

CSS

div

Text-Align: Center;
tamaño de fuente: 30px;
color blanco;
relleno: 10px;
Pantalla: Flex;
Alineación de ítems: Centro;
Justify-Content: Center;
Altura: 150px;
Ancho: 98%;

.uno

Color de fondo: Limegreen;

.dos

Color de fondo: naranja;

Este código CSS está escrito en una hoja de estilo externo.

Producción

La salida muestra que el estilo se aplica con éxito en los dos divs.
Eso es todo! Has llegado a conocer el lugar correcto para agregar referencia a una hoja de estilo externo en HTML.

Conclusión

En un documento HTML, la etiqueta es el lugar correcto para agregar la referencia de una hoja de estilo externo. La hoja de estilo se carga más rápido cuando se coloca dentro de la etiqueta. Esta publicación ha proporcionado información sobre el lugar correcto para agregar referencia para una hoja de estilo externo en HTML. Además, también ha aprendido cómo una hoja de estilo externa está vinculada con el documento HTML.