Descripción
El elemento link se utiliza para establecer relaciones entre el documento actual y recursos externos. Es un elemento esencial para enlazar hojas de estilo CSS, iconos de favoritos, fuentes web, recursos previos y otros elementos que mejoran la funcionalidad y apariencia de una página web. A diferencia de las etiquetas , el elemento link no crea enlaces visibles sino conexiones a nivel de documento.
Sintaxis
<link>
Atributos
- href
- crossorigin
- rel
- as
- media
- hreflang
- type
- sizes
- imagesrcset
- imagesizes
- referrerpolicy
- integrity
- color
- disabled
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
A continuación se muestra un ejemplo básico de cómo utilizar el elemento link para incorporar una hoja de estilos CSS a una página HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo de elemento link</title>
<link rel="stylesheet" href="estilos.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<h1>Mi página web</h1>
<p>Contenido de la página</p>
</body>
</html>
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.