Um dos principais diferenciais entre sites e outras formas de mídia de comunicação é a idéia 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, bem como as imagens, são os que mais facilmente adicionam as coisas às páginas da web. Felizmente, esses itens são fáceis de adicionar (apenas duas tags HTML básicas) e podem trazer emoção e interatividade ao que, de outra forma, seriam páginas de texto simples. Neste artigo, você aprenderá sobre a tag (âncora), que é o elemento HTML real 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. Comumente, as pessoas simplesmente se referem a essas adições como "links", mas a âncora é o que realmente está sendo adicionado a qualquer página.
Ao adicionar um link, você deve apontar para o endereço da página da web para o qual deseja que seus usuários entrem 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 a qual você deseja que o link específico seja acessado. Sem essa informação, um link é inútil - ele diria ao navegador que o usuário deveria ser levado a algum lugar, mas não teria as informações de destino disponíveis para onde esse "lugar" deveria estar. Essa tag e esse atributo andam de mãos dadas.
Por exemplo, para criar um link de texto, você escreve:
Texto que será o link
Então, para vincular-se à página inicial do Web site / HTML da About.com, você escreve:
Lifewire
Você pode vincular quase qualquer coisa em sua página HTML, incluindo imagens. Basta cercar os elementos HTML ou elementos que você quer ser um link com o
e Tag. Você também pode criar links de espaço reservado, deixando de fora href atributo - mas apenas certifique-se de voltar e atualizar as informações href mais tarde ou o link não fará nada ao ser acessado.
O HTML5 torna válido vincular elementos no nível do bloco, como parágrafos e DIV elementos. Você pode adicionar uma marca de âncora ao redor de uma área muito maior, como uma lista de divisão ou definição, e toda a área será "clicável". Isso pode ser especialmente útil ao tentar criar áreas de hits maiores e fáceis de usar em um site.
Algumas coisas para lembrar ao adicionar links
- O final tag é requeridos. Se você esquecer de incluí-lo, tudo que estiver seguindo esse link também será vinculado, até que outro link feche a tag.
- Na maioria das vezes, é melhor vincular imagens únicas e períodos curtos de texto, em vez de grandes blocos de texto. Os links podem adicionar cores e sublinhar estilos à sua página, o que pode dificultar a leitura. Claro, você pode usar CSS para alterar esses estilos de 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 fiquem ruins. O Rot de link pode fazer com que os usuários e os mecanismos de pesquisa considerem seu site inválido. Use um verificador de links regularmente para verificar os links em suas páginas. Isso é especialmente verdadeiro quando você vincula sites de terceiros (aqueles que você não gerencia) e que podem alterar o horário de suas páginas, deixando links inativos. Um verificador de links encontrará esses links mortos 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 pareça um produto de uma época passada e não seja realmente relevante na Web centralizada em vários dispositivos de hoje.
Outros tipos interessantes de links
o UMA elemento cria um link padrão para outro documento, mas há outros tipos de links nos quais você pode se interessar:
- Links internos ou âncoras - Estes são links para algum lugar dentro de uma página da web, não necessariamente o topo.
- Mapas de imagem - Mapas de imagem permitem criar links em imagens que são mapeadas para áreas específicas da imagem. Estes podem ser usados para jogos ou navegação criativa. Você costuma vê-los com mapas em que as áreas no mapa são clicáveis. Observe que os mapas de imagens não são usados na maioria dos sites modernos, em parte porque podem causar problemas no dispositivo móvel.
- The Element - Esse elemento é usado para relacionar outros documentos e páginas com o atual. Não criará uma área clicável na sua página da Web, mas é útil entender.
