Carregando...

HTML a

Postado: 29 de março de 2022 Tempo de Leitura: 2 Minutos

HTML a

Neste artigo vamos falar um pouco sobre a TAG HTML <a> e como usar.

Descrição

A tag HTML <a> define um hiperlink para uma URL ou um destino no documento HTML.

tag <a> em HTML é usada para criar um hiperlink na página da web. Este hiperlink é usado para vincular a página da Web a outras páginas da Web. É usado para fornecer uma referência absoluta ou uma referência relativa como seu valor “href”.

Veja o exemplo no código HTML abaixo:

<a href = "contato.html"> Contato </a>
  • O texto entre a abertura <a> e o fechamento </a> aparecerá como o texto do hiperlink (ou seja: sublinhado).
  • Se desejar que o recurso seja carregado em uma nova janela, use o atributo target=”_blank”. Por exemplo, você pode escrever seu hiperlink da seguinte forma:
 <a href="www.google.com" target="_blank">Google</a>

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

Por padrão, os links aparecerão da seguinte forma em todos os navegadores:

  • Um link não visitado está sublinhado e azul
  • Um link visitado é sublinhado e roxo
  • Um link ativo está sublinhado e vermelho

Atributos

download – Especifica que o destino será baixado quando um usuário clicar no hiperlink

<a href="www.site.com.br/arquivo.pdf" download>Baixar Aquivo</a>

href – Especifica o URL da página para a qual o link vai

<a href="pagina.html">Página</a>

hreflang – Specifies the language of the linked document

<link rel="alternate" href="https://exemplo.com/portugues-brasil/" hreflang="pt-br" />

media – O atributo media especifica para qual mídia/dispositivo o recurso de destino é otimizado.

Esse atributo é usado principalmente com folhas de estilo CSS para especificar estilos diferentes para diferentes tipos de mídia.

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

ping – Especifica uma lista de URLs separados por espaços para os quais, quando o link for seguido, as solicitações de postagem com o ping do corpo serão enviadas pelo navegador (em segundo plano). Normalmente usado para rastreamento.

<a href="https://www.loopnerd.com.br/" ping="https://www.loopnerd.com.br/codigos-html-prontos/">

referrerpolicy – Especifica quais informações do referenciador enviar com o link

1. (No referrer) Nenhuma informação de referência será enviada junto com uma solicitação

<link rel="stylesheet" href="https://www.loopnerd.com/estilo.css" referrerpolicy="no-referrer">

2. (no-referrer-when-downgrade) – Predefinição. O cabeçalho do referenciador não será enviado para origens sem HTTPS

3. (origin) – Enviar apenas esquema, host e porta para o cliente de solicitação

4. (origin-when-cross-origin) – Para solicitações de origem cruzada: Enviar apenas esquema, host e porta. Para solicitações de mesma origem: inclua também o caminho

5. (origin-when-cross-origin) Para solicitações de origem cruzada: Enviar apenas esquema, host e porta. Para solicitações de mesma origem: inclua também o caminho

6. (unsafe-url) Envie origem, caminho e string de consulta (mas não fragmento, senha ou nome de usuário). Este valor é considerado inseguro

Neste artigo amostramos um pouco sobre a A TAG <a> define um hiperlink, que é usado para vincular uma página a outra.

Neste outro artigo você pode estilizar os links com Css.

Como Estilizar Links através de class com Css

Publicado por: Loop Nerd

3.995 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados