Latest web development tutorials

tag HTML <a>

Exemplos

Link para este tutorial:

<A href = "http://www.w3big.com"> visite este tutorial! </ a>

tente »
(Para mais exemplos, ver o fundo da página)

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam <a> rótulo.


definições e instruções tag

tag <a> define um link de uma página para vincular a outra página.

O elemento mais importante é atributo o atributo href <a> que especifica o destino do link.

Em todos os navegadores, o link padrão parecido com este:

  • Não link visitado é sublinhado e azul
  • link foi visitado é sublinhada e roxo
  • ligação activa é sublinhado e vermelho

Dicas e Notas

Dica: Se você não usar o atributo href, você não pode usar hreflang, meios, rel, alvo e propriedades do tipo.

Sugestão: normalmente exibidos nas páginas janela do navegador atual ligados, a menos que as disposições da outra meta.

Dica: Use CSS para mudar o estilo do link.


Diferenças entre HTML 4.01 e HTML5

Em HTML 4.01, <a> tag pode ser tanto um hiperlink, ele pode ser ancorado. Em HTML5, etiqueta <a> é um hiperlink, mas se não há nenhum atributo href, é apenas um espaço reservado para um hiperlink.

HTML5 tem alguns novos atributos, enquanto que já não suporta alguns HTML 4.01 atributos.


propriedade

Novo: HTML5 nova propriedade.

属性 描述
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。

Propriedades globais

tag <a> suporta propriedades globais HTML .


Propriedades de evento

tag <a> suporta propriedades de evento HTML .


Exemplos

Tente - Exemplo

criar hiperlinks
Este exemplo demonstra como criar um link em um documento HTML.

Uma imagem como um link
Este exemplo demonstra como usar uma imagem como um link.

Abrir link em uma nova janela do navegador
Este exemplo demonstra como abrir uma página em uma nova janela, para que os visitantes não precisam deixar o seu site para cima.

Criar link de e-mail
Este exemplo demonstra como vincular uma mensagem. (Neste caso, a funcionar depois de instalar o cliente de email.)

link Criar e-mail 2
Este exemplo demonstra um link de e-mail mais complexa.

Use âncoras para saltar para um local diferente na mesma página
Este exemplo demonstra como usar a âncora do salto atributo id para uma posição diferente na página (não HTML5 não suporta atributo de nome).


artigos relacionados

HTML Tutorial: link HTML

HTML DOM Referência: objetos Anchor