HTML <a>Etiqueta
Ejemplos
Enlace a Ejemplo:
Pruébalo »
(Más ejemplos al final de la página)
Soporte del navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <a> | Yes | Yes | Yes | Yes | Yes |
Todos los navegadores principales admiten la etiqueta <a>.
Definición e instrucciones de uso de la etiqueta
La etiqueta <a> define un hipervínculo, que se utiliza para enlazar de una página a otra.
El atributo más importante del elemento <a> es el atributo href, que especifica el destino del enlace.
En todos los navegadores, la apariencia predeterminada de los enlaces es la siguiente:
- Los enlaces no visitados están subrayados y son azules
- Los enlaces ya visitados están subrayados y son morados
- Los enlaces activos están subrayados y son rojos
Consejos y notas
Consejo:Si no se utiliza el atributo href, no se pueden usar los atributos hreflang, media, rel, target ni type.
Consejo:Normalmente, la página enlazada se muestra en la ventana actual del navegador, a menos que se especifique otro target.
Consejo:Utilice CSS para cambiar el estilo de los enlaces.
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, la etiqueta <a> podía ser un hipervínculo o un ancla. En HTML5, la etiqueta <a> es un hipervínculo, pero si no tiene atributo href, es solo un marcador de posición para un hipervínculo.
HTML5 tiene algunos atributos nuevos y ya no admite algunos atributos de HTML 4.01.
Atributos
New: Nuevo atributo en HTML5.
| Atributos | Valor | Descripción |
|---|---|---|
| charset | char_encoding | No admitido en HTML5.Especifica la codificación de caracteres de la URL de destino. |
| coords | coordinates | No admitido en HTML5.Especifica las coordenadas del enlace. |
| downloadNew | filename | Especifica un enlace de descarga |
| href | URL | Especifica la URL de destino del enlace. |
| hreflang | language_code | Especifica el idioma base de la URL de destino. Solo se utiliza si el atributo href está presente. |
| mediaNew | media_query | Especifica el tipo de medio de la URL de destino. Valor predeterminado: all. Solo se utiliza si el atributo href está presente. |
| name | section_name | No admitido en HTML5.Especifica el nombre del ancla. |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
Especifica la relación entre el documento actual y la URL de destino. Solo se utiliza si el atributo href está presente. |
| rev | text | No admitido en HTML5.Especifica la relación entre la URL de destino y el documento actual. |
| shape | default rect circle poly |
No admitido en HTML5.Especifica la forma del enlace. |
| target | _blank _parent _self _top framename |
Especifica dónde abrir la URL de destino. Solo se utiliza si el atributo href está presente.
|
| type New | MIME_type | Especifica el tipo MIME de la URL de destino. Solo se utiliza si el atributo href está presente. Nota: MIME = Multipurpose Internet Mail Extensions. |
Atributos globales
La etiqueta <a> admitelos atributos globales de HTML。
Atributos de eventos
La etiqueta <a> admitelos atributos de eventos de HTML。
Pruébalo - Ejemplos
Este ejemplo muestra cómo crear enlaces en un documento HTML.
Este ejemplo muestra cómo usar una imagen como enlace.
Este ejemplo muestra cómo abrir una página en una ventana nueva, de modo que los visitantes no tengan que abandonar su sitio.
Este ejemplo muestra cómo enlazar a un correo electrónico. (Este ejemplo solo funciona si hay un programa de cliente de correo instalado).
Este ejemplo muestra un enlace de correo electrónico más complejo.
Usar un ancla para saltar a diferentes secciones de la misma página
Este ejemplo muestra cómo usar el atributo id de un ancla para saltar a diferentes secciones de la página (HTML5 no admite el atributo name).
Artículos relacionados
Tutorial de HTML:Enlaces HTML
Manual de referencia de HTML DOM:Objeto Anchor
Otras extensiones