HTML a
HTML Doctype
Abbr Html
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.
A 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.
Deixe um comentário