Etiqueta <link>

La etiqueta <link> se utiliza para vincular recursos externos a un documento HTML, como hojas de estilo CSS, fuentes, iconos, entre otros.

Es un elemento <link> vacío, lo que significa que no tiene contenido dentro, solo atributos. Usualmente se encuentra dentro de la etiqueta <head> de la página.

Algunos de los atributos más comunes de <link> son:

  • rel: Especifica la relación entre el documento actual y el recurso vinculado (por ejemplo, "stylesheet" para hojas de estilo).
  • href: Define la URL del recurso al que se está vinculando.
  • type: Indica el tipo de contenido del recurso, como "text/css" para hojas de estilo.

Ejemplo de código 

            
<html lang="es">
    <head>
        <link rel="stylesheet" href="estilos.css">
    </head>
    <body>
        <h1>Mi Página</h1>
    </body>
</html>

Otro ejemplo de uso común: Icono de página 

            
<head>
    <link rel="icon" href="favicon.ico">
</head>
Anterior Siguiente