Como Criar Links com HTML5

HTML5 é a linguagem de marcação + atualizada e traz diversas melhorias em relação às versões anteriores.

[{"selector":"#anim-1834148b-fc69-45fd-b951-63dddb3a8d4b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(5.942839248140935%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-f05a677c-9e48-4654-acda-14e97711596d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b6d37ef-6ac9-4a42-a993-d0655082b76a","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Links em HTML5

[{"selector":"#anim-22fe87d9-a854-4fca-a6bc-9e36be3aa4b6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-27.047931354066552%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-bcb0bd10-f9da-4053-a165-66af2450f769","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77d2bee7-109e-4ced-87a6-10f470ab25f7","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2194b476-f690-4e16-bc78-25aae177fe6c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de7b46fd-6ef1-4ba1-a6e9-e1d8f806c57f","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fdd755a5-a32d-4bce-b92f-c3de432e645b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1874e808-5147-479e-8cd9-353dacfe3fad","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Utilizando a tag <a>

[{"selector":"#anim-7aafda5e-62c8-4bb8-9396-04abe8a7f45d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-301bec96-9370-4f13-a6f8-c9d252e05d7e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e8e5ac3f-99a5-46d9-98d7-815215167b25","keyframes":{"transform":["translate3d(0px, -732.16347%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-684fbf56-2d31-4c5e-8572-b1c8bb09514a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c18f95e-b25f-4e60-a055-88e9ce3f41f5","keyframes":{"transform":["translate3d(0px, 476.90960%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6d467aa-8f16-4a32-b8fb-ae71c7623d8f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e32e785-4137-4216-b648-726cbdc63c39","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <a href="https://www.exemplo.com" target="_blank">Link para o Exemplo</a>

Atributos adicionais para links

[{"selector":"#anim-6a9833b7-80ac-4693-8e8b-f1b94b755a56 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(30.168269123495744%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-9e279723-ee9a-43cc-a72b-967dd86854bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9cb8f85e-32c8-48cf-9e07-d04312613286","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be712fea-8de9-4a4f-88ce-7a316c3d84cb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ee39d69b-6ed6-4d3e-ae89-1de4d5b23250","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ab6db17-4824-4463-b845-7fd18269d928","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03672f37-d3f6-4e8c-9c3a-a1d17533df06","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-82d036f1-ff0c-4984-9f29-0ec5e08f95dd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-712ab2e2-ee12-42a1-ac2b-067400867e96","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <a href="https://www.exemplo.com" target="_blank" title="Link para o Exemplo">Exemplo</a>

Links internos e externos

[{"selector":"#anim-acf64e7b-b86b-48c0-ae03-4fa2c64a18bb [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(2.596153840003975%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-27144cee-3f27-4e62-8396-544cf73e3113","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be00e11e-933f-4557-8011-174af1dd57da","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-96e39cef-7311-434a-9ad5-efb4c75c1a15","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47d8b944-91b4-4e6a-bd4a-74ba3c3f6613","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ad28735-9a25-4984-b185-69bed988be61","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2618666c-1fcc-49b8-81f5-d455dbd07183","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <a href="#contato">Ir para o formulário de contato</a>

Otimizando os links para SEO

[{"selector":"#anim-1d054b3b-436e-49bf-9016-eaa531e6cff1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a4f5de94-d5ba-4231-a32a-f8d1afae4810","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-348b0f91-b739-4ab1-997c-3ad9c4de40db","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9dcee083-a1dd-4337-9ad5-9e1a0d364eb2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86b0b280-75f9-4933-afbf-f5fd639abc0e","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0cc02e05-dbe2-4b0b-9dfa-15bd59ab90f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a430772-c5be-44b5-82b7-efe12ab79039","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Aprenda sobre Links no HTML5!

[{"selector":"#anim-13243a62-36cd-4447-ba48-4cf3a8d244c4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-21.874999829338588%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a378351e-403b-4690-91ef-487405546114","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c14e4f4-7daa-4b0b-9c2a-009f158e1750","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dbb51cbf-23df-45c2-a9a1-893efb47d096","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2dc0cc3-5a80-4ba3-9021-3370cb152d38","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Como Criar Links com HTML5 Leia mais

Como Criar Links com HTML5

HTML5 é a linguagem de marcação + atualizada e traz diversas melhorias em relação às versões anteriores.

Links em HTML5

Em HTML5, existem várias tags para trabalhar com links, incluindo a tag <a>, que é a mais utilizada.

Utilizando a tag <a>

Para utilizá-la, basta inserir o endereço da página ou arquivo que você deseja linkar no atributo "href".

Atributos adicionais para links

Além dos atributos básicos, existem algumas opções adicionais que podem ser utilizadas para otimizar a acessibilidade e semântica do seu link.

Links internos e externos

Os links internos apontam para outras páginas no mesmo site, enquanto os links externos apontam para outras páginas em sites diferentes.

Otimizando os links para SEO

Os links são importantes para o SEO (Search Engine Optimization), pois ajudam os mecanismos de busca a entender a estrutura do site e a navegação do usuário.

Aprenda sobre Links no HTML5!

Confira nosso artigo completo sobre como trabalhar com links no HTML5! Clique abaixo!