O que são âncoras HTML?

Desde quase o início da HTML (HyperText Markup Language) usada on-line, as âncoras HTML continuam sendo um dos principais elementos interativos usados ​​em quase todas as páginas da web. As âncoras HTML são um tipo de tag representado pela letra "A" que permite ao usuário clicar em um elemento e ser levado para um local de recurso universal (URL) como outra página da web ou para uma seção diferente no mesmo documento HTML . É mais comum referir-se a âncoras HTML como links ou hiperlinks. Semelhante a muitas outras tags HTML, as âncoras podem ser personalizadas com propriedades padrão de formatação HTML e extensões CSS (Cascading Style Sheet).

Dentro de uma página da web, as âncoras HTML são usadas para mover um usuário de uma página para outra ou para outros locais marcados na mesma página. A âncora é representada pela letra "A" no início da tag. Ao mover entre páginas da Web, o endereço do URL de destino é atribuído à propriedade de referência de hipertexto (href), embora também possa ser uma imagem, um programa ou quase qualquer tipo de conteúdo. O comportamento padrão de uma âncora é abrir o novo URL na mesma janela do navegador, substituindo o conteúdo atual, embora esse comportamento possa ser alterado para abrir URLs em novas janelas ou em quadros de destino em uma página.

O segundo uso para âncoras HTML é definir ou mover para seções do documento HTML que está sendo visualizado. Ao atribuir um nome à marca de âncora por meio da propriedade name, uma âncora é criada no documento que pode ser referenciado em outro lugar. Assim como mover para outra página da web, a tag anchor pode ser usada para mover para uma âncora na mesma página, uma vez definida, permitindo a criação de um índice ou índices.

Ao usar âncoras HTML, a tag em si não tem representação visual, mas precisa incluir os elementos visuais que serão usados ​​para representá-la. A tag âncora pode envolver texto, imagens ou blocos formatados inteiros. Por padrão, os elementos HTML visuais cercados por tags âncora são sublinhados e coloridos de forma diferente, dependendo se o link foi visitado pelo usuário. O texto âncora também muda de cor quando o mouse passa sobre ele, embora novamente isso possa ser alterado.

O uso de âncoras HTML para definir locais em um único documento foi depreciado e não deve ser usado, exceto para manter o código legado. Em vez disso, os locais das âncoras em um documento devem ser definidos atribuindo uma identificação (ID) por meio do CSS para bloquear tags de nível, como títulos. A tag âncora, no entanto, ainda pode ser usada para pular para esses locais através de um link.