Etiqueta LINK
¿Qué es la etiqueta <link> en HTML?
La etiqueta <link> se usa para definir relaciones entre el documento HTML actual y recursos externos. Es muy común verla en la cabecera (<head>) de las páginas web, especialmente para vincular hojas de estilo CSS, iconos de favoritos (favicons), fuentes, etc.
Parámetros más comunes del tag <link>:
-
href="url": Especifica la URL del recurso externo. Por ejemplo, un archivo CSS o un favicon. -
rel="relación": Define la relación entre el documento HTML y el recurso. Los valores más comunes son:-
stylesheet: Para vincular una hoja de estilos. -
iconoshortcut icon: Para añadir el icono de la pestaña (favicon). -
preload,prefetch,alternate, etc. para otros casos más avanzados.
-
-
type="tipo"(opcional): Indica el tipo MIME del recurso. Ejemplo:text/csspara hojas de estilo,image/pngpara imágenes. -
media="soporte"(opcional): Especifica para qué dispositivos o condiciones se aplica el recurso (por ejemplo,screen,print,max-width:768px, etc.). -
title="título"(opcional): Un título opcional para describir la relación, útil en algunos contextos como hojas de estilo alternativas.
Ejemplo práctico: Vincular una hoja de estilo CSS
Este ejemplo indica que el archivo estilo.css contiene las reglas de estilo que se aplicarán al documento actual.
