Um dos principais diferenciadores entre sites e outras formas de mídia de comunicação é a ideia de "links", ou hiperlinks como são tecnicamente conhecidos em termos de web design.
Além de ajudar a tornar a web o que ela é hoje, os links, assim como as imagens, são facilmente os itens adicionados com mais frequência em páginas da web. Felizmente, esses itens são fáceis de adicionar (apenas dois tags HTML básicas) e podem trazer entusiasmo e interatividade para o que, de outra forma, seriam páginas de texto simples. Neste artigo, você aprenderá sobre a tag (âncora), que é o verdadeiro Elemento HTML usado para adicionar links às páginas do site.
Adicionando Links
Um link é chamado de âncora em HTML e, portanto, a tag para representá-lo é a tag A. Normalmente, as pessoas simplesmente se referem a essas adições como "links", mas a âncora é o que está realmente sendo adicionado a qualquer página.
Ao adicionar um link, você deve apontar para o endereço da página da web que você deseja que seus usuários acessem quando clicarem ou tocarem (se estiverem em uma tela de toque) nesse link. Você especifica isso com o atributo.
O href atributo significa “referência de hipertexto” e sua finalidade é ditar a URL para onde você deseja que o link específico vá. Sem essas informações, um link é inútil, pois diria ao navegador que o usuário deve ser levado em algum lugar, mas não teria as informações de destino disponíveis para onde esse "algum lugar" deveria ser. Esta tag e este atributo andam de mãos dadas.
Você pode vincular quase tudo em sua página HTML, incluindo imagens. Simplesmente coloque os elementos HTML ou elementos que você deseja que sejam um link com as tags e. Você também pode criar links de espaço reservado deixando de fora o href atributo - mas certifique-se de voltar e atualizar as informações href mais tarde ou o link não fará nada quando acessado.
HTML5 torna válido vincular elementos de nível de bloco, como parágrafos e DIV elementos Você pode adicionar uma marca de âncora em torno de uma área muito maior, como uma divisão ou lista de definições, e toda essa área será "clicável". Isso pode ser especialmente útil ao tentar criar áreas de acesso maiores e mais fáceis de usar em um site.
Algumas coisas a lembrar ao adicionar links
- A tag final é obrigatório. Se você esquecer de incluí-lo, tudo o que segue esse link também será vinculado, até que outro link feche a tag.
- Na maioria das vezes, é melhor vincular imagens únicas e pequenos trechos de texto, em vez de grandes blocos de texto. Os links podem adicionar cores e estilos de sublinhado à sua página que podem ser difíceis de ler. Claro, você pode usar CSS para alterar os estilos dos links e editar cores ou remover sublinhados, mas ainda é bom estar atento a essa realidade.
- Certifique-se de verificar seus links para que eles não estraguem. Link Rot pode fazer com que usuários e motores de busca considerem seu site inválido. Use um verificador de links regularmente para verificar os links em suas páginas. Isso é especialmente verdadeiro quando você cria links para sites de terceiros (aqueles que você não gerencia) e que podem mudar suas páginas com o tempo, deixando você com links mortos. Um verificador de links encontrará esses links inativos para que você possa fazer as atualizações necessárias.
- Evite texto como "clique aqui" no seu link. Lembre-se de que as pessoas com telas sensíveis ao toque não podem "clicar", de modo que o texto parece um produto de uma era passada e realmente não é relevante na web centrada em vários dispositivos de hoje.
Outros tipos interessantes de links
O UMA elemento cria um link padrão para outro documento, mas existem outros tipos de links nos quais você pode estar interessado:
- Links internos ou âncoras: Esses são links para algum lugar dentro de uma página da web, não necessariamente para o topo.
- Mapas de Imagens: Os mapas de imagens permitem criar links em imagens que são mapeadas para áreas específicas da imagem. Eles podem ser usados para jogos ou navegação criativa. Você costuma vê-los com mapas em que áreas do mapa são clicáveis. Observe que os mapas de imagens não são usados na maioria dos sites modernos, em parte porque eles podem causar problemas em dispositivos móveis.
- O elemento: este elemento é usado para relacionar outros documentos e páginas ao atual. Não criará uma área clicável em sua página da web, mas é útil entender.