English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

Completo de etiquetas HTML

HTML: <link> etiqueta

La etiqueta <link> de HTML enlaza recursos externos (como archivos CSS) al documento HTML. Este etiqueta también se conoce comúnmente como el elemento <link>.

Ejemplo en línea

Enlazar a un archivo de estilo externo:

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程网(oldtoolbag.com)</title> 
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>
</body>
</html>
Prueba a ver ‹/›

Gramática de la etiqueta HTML <link>-Enlazar hojas de estilo

La sintaxis para enlazar hojas de estilo con la etiqueta HTML <link> es:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>

O en XHTML, la sintaxis de la etiqueta <link> es:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <link>.

Definición y explicación de uso de la etiqueta

La etiqueta <link> se utiliza más comúnmente para enlazar hojas de estilo o archivos css a documentos HTML.

La etiqueta <link> define la relación entre el documento y los recursos externos.

La etiqueta <link> se utiliza más comúnmente para enlazar hojas de estilo.

Nota: El elemento link es un elemento vacío, que solo contiene atributos.

Nota: Este elemento solo puede existir en la sección head, aunque puede aparecer cualquier número de veces.

HTML 4.01 con HTML5diferencias entre

Algunos HTML 4.01 Atributo en HTML5 No se admite.

HTML5 Se ha añadido la propiedad "sizes".

Diferencias entre HTML y XHTML

En HTML, la etiqueta <link> no tiene etiqueta de cierre.

En XHTML, la etiqueta <link> debe cerrarse correctamente.

Atributo

AtributoValorDescripción
charsetchar_encodingHTML5 No se admite esta propiedad. Se especifica el modo de codificación de caracteres del documento al que se hace referencia.
hrefURLSe define la ubicación del documento al que se hace referencia.
hreflanglanguage_codeSe define el idioma del texto del documento al que se hace referencia.
mediamedia_querySe especifica en qué dispositivo se mostrará el documento al que se hace referencia.
relalternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
Obligatorio. Define la relación entre el documento actual y el documento enlazado.
revrelación inversaHTML5 No se admite este atributo. Define la relación entre el documento enlazado y el documento actual.
sizesHTML5AltoxAncho
any
Define el tamaño de las propiedades de enlace, solo actúa sobre el atributo rel="icon".
target_blank
_self
_top
_parent
frame_name
HTML5 No se admite este atributo. Define dónde se carga el documento enlazado.
typeMIME_typeDefine el tipo MIME del documento enlazado.

Atributos globales

<link> etiqueta admite atributos globales, ver la tabla de atributos completa Atributos globales de HTML.

atributos de eventos

<link> etiqueta admite todos los Atributos de eventos HTML.

Artículos relacionados

Tutoriales HTML:Estilos HTML

Manual de referencia de DOM HTML:Objeto de enlace