<!–
main_leaderboard, all: [728,90][970,90][320,50][468,60]
–>
Marca HTML <a>
O objetivo deste post é explorar a Tag A para que possa ser útil para você.
Crie um hiperlink para mrexamples.com:
Example
Aqui está um exemplo da tag âncora <a> com informações de contato:
Example:
Exemplo de Explicação
O código fornecido acima é um documento HTML que cria uma página de contato com três maneiras de entrar em contato com o proprietário do site. Aqui estão os principais pontos:
- A primeira linha declara a versão HTML usada, que é HTML5.
- A tag <html> inicia o documento HTML e contém todo o conteúdo da página da web.
- A tag <body> inicia a seção do corpo do documento, que contém o conteúdo principal da página da web.
- A tag <p> cria um parágrafo que contém o texto “Você pode nos contatar em:”.
- A tag <ul> inicia uma lista não ordenada para mostrar três maneiras de entrar em contato com o proprietário do site.
- A primeira tag <li> contém um hiperlink para o site do proprietário. A tag <a> com o atributo “ href ” define a URL do site e o texto do hiperlink diz “Website”.
- A segunda tag <li> tem um hiperlink para o e-mail do proprietário. A tag <a> com o atributo “href” define o endereço de e-mail do proprietário e o texto do hiperlink diz “Email”.
- A terceira tag <li> tem um hiperlink para o número de telefone do proprietário. A tag <a> com o atributo “href” define o número de telefone do proprietário e o texto do hiperlink diz “Telefone”.
- A tag </ul> marca o fim da lista não ordenada.
- A tag </body> marca o final da seção do corpo do documento.
A tag </html> marca o final do documento HTML.
Usos e Definições
Uma tag <a> é usada para definir um hiperlink , que é usado para vincular de uma página a outro site via web.
Entre os atributos mais significativos do elemento <a> está o atributo href , que mostra a origem do link.
Os navegadores, por padrão, exibem links no seguinte formato:
- Links sublinhados e azuis não foram visitados.
- Os links que foram visitados são sublinhados e roxos.
- Links ativos são sublinhados e vermelhos.
Um exemplo de tag <a> com o atributo id para estilização posterior:
Example:
Veja como vincular uma imagem:
Example
Veja como abrir uma nova guia do navegador com um link:
Example
Para vincular um endereço de e-mail, siga estas etapas:
Example
Um número de telefone pode ser vinculado da seguinte maneira:
Example
Um link para outra seção da mesma página pode ser criado da seguinte maneira:
Example
Veja como vincular ao JavaScript:
Example
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <a> | Sim | Sim | Sim | Sim | Sim |
Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| meios de comunicação | media_query | Indica a mídia/dispositivo para o qual o documento vinculado é otimizado |
| ping | lista_de_URLs | Este método identifica uma lista de URLs para as quais, quando o link for seguido, o navegador enviará, em segundo plano, solicitações de postagem com pings de corpo. O rastreamento geralmente é feito com esse método. |
| href | URL | Fornece a URL do destino do link |
| política de referência | sem referência sem referência quando rebaixar origem origem quando origem cruzada mesma origem origem estrita quando origem cruzada url inseguro |
Indique quais detalhes do referenciador devem ser incluídos no link |
| alvo | _blank _parent _self _top |
Fornece instruções para abrir o documento vinculado |
| tipo | tipo de mídia | O tipo de mídia do documento vinculado é determinado |
| download | nome do arquivo | Um hiperlink identifica que eles serão um alvo de download após clicar nele. |
| hreflang | language_code | Declare o idioma do documento vinculado. |
| rele | autor alternativo favorito ajuda externa licença próximo nofollow noreferrer noopener anterior tag de pesquisa |
A conexão entre o documento vinculado e o documento ativo é definida. |
Atributos do evento
A tag A <a> também aceita atributos de evento em HTML . <!–
Anúncio
–><!–
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
–>
Atributos Globais
A tag A <a> também aceita atributos globais de HTML .
Configurações padrão de CSS
A maioria dos navegadores provavelmente exibirá o elemento Tag A <a> com os valores listados abaixo:
color: (internal value);
text-decoration: underline;
cursor: auto;
}a:link:active, a:visited:active {
color: (internal value);
}
Benefícios da tag HTML <a>
A tag HTML <a> , também conhecida como tag âncora, é usada para criar hiperlinks entre páginas da web, tornando-se um componente essencial da World Wide Web. Alguns benefícios da tag <a> incluem:
- A tag <a> permite vincular a outras páginas, permitindo que os usuários naveguem facilmente em diferentes sites e páginas da web.
- Ao usar a tag <a> para criar hiperlinks, você pode fornecer aos usuários informações e recursos relevantes, tornando sua experiência de navegação mais agradável e útil.
- Usar a tag <a> para criar links para outros sites relevantes e confiáveis pode ajudar a impulsionar o SEO do seu próprio site, sinalizando aos mecanismos de pesquisa que seu site é um recurso valioso para os usuários.
- A tag <a> pode ser usada para criar links internos em um site, permitindo que os usuários naveguem de forma rápida e fácil para seções ou páginas específicas.
- Ao usar a tag <a> com texto descritivo apropriado, você pode tornar seu site mais acessível para usuários que dependem de leitores de tela ou outras tecnologias assistivas.
- Ao usar a tag <a> com parâmetros de rastreamento, você pode acompanhar o comportamento do usuário em seu site, incluindo em quais links eles clicam e como interagem com seu conteúdo.
