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

Manual de referência do HTML

大全 do HTML tags

Etiqueta <a> do HTML

A tag <a> do HTML define um link de hipermercado que aponta para um URL ou um destino no documento HTML. Este rótulo é também conhecido como elemento <a>.

Exemplo online

Ligar para o site de tutoriais básicos :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Site de tutoriais básicos (oldtoolbag.com)</a>/<title> 
</<head>
<body>
<a href="https://pt.oldtoolbag.com">Acesse o site de tutoriais básicos!</a>/a>
</body>
</html>
Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a tag <a>.

Definição e instruções de uso da tag

A tag <a> define um link de hipermercado, usado para linkar de uma página para outra.

A propriedade mais importante do elemento <a> é a propriedade href, que especifica o destino do link.

Em todos os navegadores, o estilo padrão dos links é o seguinte:

  • Os links não visitados têm sublinhado e são azuis

  • Os links visitados têm sublinhado e são violetas

  • Os links ativos têm sublinhado e são vermelhos

Dicas e Notas

  •   O elemento <a> do HTML está dentro da marcação <body>.

  •   o início <a> e o final/o texto entre <a> será exibido como texto de link (ou seja, texto sublinhado).

  •   Se você quiser que os recursos sejam abertos em uma nova janela, use a propriedade target = "_blank". Por exemplo, você pode escrever um link assim:<a href="/examples/filename.html" target="_blank">ligar para o nome do arquivo</a>

HTML 4.01 com HTML5a diferença entre

No HTML 4.01 Em chinês simplificado, a tag <a> pode ser um link ou um âncora. No HTML5 Em chinês simplificado, a tag <a> é um link, mas se não houver a propriedade href, ele é apenas um marcador de posição de link.

HTML5 Existem alguns novos atributos, enquanto alguns outros não são mais suportados no HTML 4.01 dos atributos.

Atributo

Novo: HTML5 novo atributo.

AtributoValorDescrição
charsetchar_encodingHTML5 Não suportado. Define o código de caracteres do URL de destino.
coordscoordinatesHTML5 Não suportado. Define as coordenadas do link.
downloadHTML5filenameEspecifica o link de download
hrefURLDefine o URL de destino do link.
hreflanglanguage_codeDefine o código de idioma básico do URL de destino. Usado apenas quando o atributo href existe.
mediaHTML5media_queryDefine o tipo de mídia do URL de destino. Valor padrão: all. Usado apenas quando o atributo href existe.
namesection_nameHTML5 Não suportado. Define o nome do âncora.
pingHTML5list_of_URLsEspecifica uma lista separada por espaços de URLs, quando o link é seguido, a solicitação ping será enviada pelo navegador (backend). Usualmente usado para rastreamento
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
Especifica o tipo de push específico
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Define a relação do documento atual com o URL de destino. Usado apenas quando o atributo href existe.
revtextHTML5 Não suportado. Define a relação do URL de destino com o documento atual.
shapedefault
rect
circle
poly
HTML5 Não suportado. Define a forma do link.
target_blank
 _parent
 _self
 _top
framename
Define onde abrir o URL de destino. Usado apenas quando o atributo href existe.
type HTML5MIME_typeDefine o tipo MIME do URL de destino. Usado apenas quando o atributo href existe.
Nota: MIME = Extensões Multipurpose Internet Mail.

Atributo global

Suporte ao标签<a> Atributo global do HTML

Atributo de evento

Suporte ao标签<a> Atributo de evento do HTML

Exemplo online

Link de imagem  Este exemplo demonstra como usar links de imagem.

Linkar para uma posição específica na página atual Este exemplo demonstra como usar favoritos

Sair do frame  Sair do frame, se sua página estiver dentro de um frame.

Criar link de e-mail Este exemplo demonstra como criar um link para um e-mail. (Este exemplo só funcionará após a instalação de um cliente de e-mail.)

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

Criar link de telefone Este exemplo demonstra como criar um link que pode fazer uma chamada telefônica.

Artigos relacionados

Tutorial do HTML:Link do HTML

Manual de referência do HTML DOM: Objeto Anchor