Exemplo
Sintaxe
1 |
|
Resultado
Vinculando às Seções
As âncoras também podem vincular a seções na mesma página usando identificadores de fragmento. Isso toma a forma de um # símbolo que aponta para o id de um elemento em outro lugar na página:
1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
Por exemplo, aqui está um link para pular para a seção Saiba mais abaixo!
Você pode usar #top ou simplesmente # para vincular diretamente ao topo da página atual.
Suporte do navegador
O tag é suportada em todos os navegadores modernos. Leia mais em caniuse.com.
Atributos
O tag suporta Atributos Globais em HTML. Os Atributos Globais são comuns a todos os elementos HTML e podem ser usados em todos eles (embora possam não ter muito efeito em alguns deles).
- Se o
elemento tem umhrefatributo, então ele representa um hiperlink rotulado por seu conteúdo. - Se o
elemento não temhrefatributo, então o elemento representa um espaço reservado para onde um link poderia ter sido colocado.
O atributo href
O elemento suporta os seguintes atributos que só podem estar presentes se o href atributo está presente:
Contente
Um elemento permite conteúdo transparente, mas não deve haver nenhum descendente de conteúdo interativo, descendente do elemento ou descendente com o atributo tabindex especificado.
Acessibilidade
Sempre que possível, faça o texto do link descritivo, em vez de simplesmente dizer “clique aqui”. Para mais informações, confira o artigo de Emma Patricios sobre como criar links válidos e acessíveis (viu o que eu fiz lá?).
- O
também é um tipo de hiperlink, mas em vez de ser usado para navegar em documentos e arquivos HTML, é usado para definir uma relação entre eles.
Saber mais
