Links no HTML5

Links externos

• Para fazer um link usamos a tag <a> que significa ÂNCORA
• Dentro da tag <a> usamos o atributo href="" que significa REFERÊNCIA DE HIPERTEXTO
• Para que o link abra em uma NOVA JANELA usamos o atributo target="" que significa ALVO / OBJETIVO com o parâmetro _blank dentro da tag <a>
• É importante também usar o atributo rel="" que significa RELATIVO À. (importante para SEO (Otimização para Motores de Busca), Segurança e Acessibilidade)
• EXEMPLO: <a href="endereço URL" target="_blank" rel="external">texto</a>

Links internos

• Para fazer um link interno basta criar a tag <a> com o atributo href="" com o caminho do documento dentro dele. não esqueça os atributos target="" e rel=""
• Para escolher um documento que está na pasta anterior ao projeto basta usar ../
• Ex: <a href="pag002.html" target="_self" rel="next">Texto</a>
• Parâmetros mais usados do target:
• ‣ _blank vai abrir o link em uma nova janela em branco
• ‣ _self vai abrir o link na janela ou frame atual (padrão)
• Parâmetros mais usados do rel:
• ‣ next indica que o link é para a próxima parte do documento atual
• ‣ prev indica que o link é para a parte anterior do documento atual
• ‣ author indica que é um link para o site do autor do artigo atual
• ‣ external indica que é um link para outro site que não faz parte do site atual
• ‣ nofollow indica que é um link para um site não patrocinado, como um link pago ou que não seja oficial.

Links para downloads

• Para fazer links para download basta usar a tag <a> com o atributo href="" + download="" + type=""
• Exemplo: <a href="" download="" type="">Texto</a>
• Para saber o parâmetro correto dentro de type="", isto é, o tipo de arquivo a ser baixado acesse: https://www.iana.org/assignments/media-types/media-types.xhtml