etiqueta HTML <a>
Ejemplos
Enlazar a este tutorial:
Trate »
(Para más ejemplos, véase la parte inferior de la página)
Soporte para el navegador
Todos los principales navegadores soportan <a> etiqueta.
definiciones de código e instrucciones
etiqueta <a> define un hiperenlace desde una página como enlace a otra página.
El elemento más importante es el atributo del atributo href <a> que especifica el destino del enlace.
En todos los navegadores, el enlace por defecto es el siguiente:
- No visitados enlace está subrayado y azul
- Link ha sido visitada es subrayada y púrpura
- Enlace activo está subrayado y de color rojo
Notas y sugerencias
Consejo: Si no se utiliza el atributo href, no se puede utilizar hreflang, medios de comunicación, rel, objetivo y propiedades de tipo.
Consejo: normalmente aparece en las páginas enlazadas ventana del navegador actual, a menos que las disposiciones de la otra puerta.
Consejo: Usar CSS para cambiar el estilo del enlace.
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, <a> etiqueta puede ser a la vez un hipervínculo, puede ser anclado. En HTML5, etiqueta <a> es un hipervínculo, pero si no hay ningún atributo href, es sólo un marcador de posición para un hipervínculo.
HTML5 tiene algunos atributos nuevos, mientras que ya no es compatible con algunos atributos HTML 4.01.
propiedad
Nuevo: HTML5 nueva propiedad.
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| download New | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| media New | media_query | 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
| target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
Propiedades globales
etiqueta <a> apoya propiedades globales HTML .
Propiedades del evento
etiqueta <a> apoya propiedades de evento HTML .
Trate - Ejemplo
La creación de hipervínculos
Este ejemplo muestra cómo crear un vínculo en un documento HTML.
Una imagen como un enlace
Este ejemplo muestra cómo utilizar una imagen como un enlace.
Abrir el enlace en una nueva ventana del navegador
Este ejemplo muestra cómo abrir una página en una nueva ventana, para que los visitantes no tienen que dejar su sitio.
Crear un enlace por correo electrónico
Este ejemplo demuestra cómo vincular un mensaje. (En este caso al trabajo después de instalar el cliente de correo.)
Crear enlace de e-mail 2
Este ejemplo demuestra un vínculo de correo electrónico más complejo.
Use las anclas para saltar a una ubicación diferente en la misma página
Este ejemplo muestra cómo utilizar el atributo id del ancla salto a una posición diferente de la página (HTML 5 no es compatible con el atributo name).
Artículos relacionados
HTML Tutorial: enlace HTML
HTML DOM Referencia: objetos de anclaje