Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

Criando âncoras/referrals numa página


Owner
 Compartilhar

Posts Recomendados

Olá, não quero fazer um tópico extenso, vou explicar rápido e sem enrolar sobre âncoras e como usá-las.

 

Função

Também chamados de
links referrals
, ou seja, referências, são usados com frequência em páginas para uma melhor organização do site.

Um uso comum dessas âncoras para tornar páginas mais acessíveis aos usuários de leitores de tela é nomear uma região do conteúdo principal e incluir um hiperlink no início da página que remeta o usuário diretamente para esse conteúdo, evitando que tenham que passar por cada um dos links até alcançarem o conteúdo principal.

O código usado é o mesmo para acessar/abrir links externos:
href
; ou seja, referrals são "
links internos
" numa página.

É necessário se cadastrar para acessar o conteúdo.

Veja, não é adicionado nenhum link, com https:// e afins, colocando esse símbolo
#
aponta que ele funcionará como uma referência, e como não tem nenhuma URL ele usará o link atual e apenas adicionando "
#Conexões
" no fim dela. Exemplo:

Link de exemplo
:

Link depois de acessar a âncora
:
/
#Conexões

Então, em algum texto você deve nomear como Conexões (você pode nomear qualquer ID, mas leve em conta que o
name
usado deve ser o mesmo que você colocou com âncora) para que a âncora funcione e a encontre na hora do clique. Assim:

É necessário se cadastrar para acessar o conteúdo.

Quando eu apertasse no link "
Clique aqui para ver sobre Conexões
" ele me levaria para o Name "
Conexões
" que esta setando na própria página, sem a necessidade de abrir uma nova página.

Você pode substituir
name
por
id
.

 

Veja o resultado clicando no link a seguir:
É necessário se cadastrar para acessar o conteúdo.

 

Abraços

4I1ShmNRGyg2k.webp

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.