A âncora no site é muito útil se você deseja que os artigos em seu site tenham uma transição conveniente entre os itens da lista. Eles viram a página até o ponto desejado ou abrem a página desejada, ajudando o usuário a encontrar rapidamente as informações de que precisa.
Se você está escrevendo seu próprio site, deve ter pensado em como tornar a navegação no site mais conveniente. Para que o usuário não tenha que buscar as informações de que precisa entre todas as páginas do seu site, o melhor é utilizar a técnica de "âncora". Ele criará um link para qualquer informação ou documento em qualquer lugar do seu site.
Teoria
Para criar uma âncora, você precisa de dois elementos:
- A parte do código, que indica o link para nossa âncora, saiu em outra parte do site.
- Qualquer parte do código em que um identificador pode ser especificado é nossa âncora.
Primeiro você precisa criar a primeira parte da âncora - um link para ela. Um link de âncora tem duas partes: um link de página e um link de âncora.
- Crie uma tag "a" ou qualquer outra tag que suporte o atributo "href"
- Nesta tag, crie o atributo "href"
- Especifique um link para a página do site no valor do atributo.
- Após o link, indique o link para a âncora usando o símbolo "#" e qualquer nome para a âncora (escritos juntos, por exemplo: "#anchor")
Se você pular o ponto 3 e não especificar um link para a página do site, a âncora será pesquisada na página atual. Ou seja, se você deseja criar um link para uma âncora localizada na mesma página, pode omitir o link para a própria página.
Resta criar a segunda parte da âncora - o identificador. Refere-se a qualquer tag no código do site que suporte o atributo id. Para criar uma âncora, você precisa de:
- Crie um atributo "id" na tag necessária.
- No atributo "id", especifique o valor do nome da âncora que foi especificado na etapa anterior. (exemplo:)
Após essas duas etapas, um link aparecerá no site que o levará à âncora especificada.
Prática
Vamos considerar como criar uma âncora usando um exemplo específico.
Temos uma página simples como esta:
Temos texto na parte superior e inferior da página, muitas tags "br" que criam espaço entre os textos. Precisamos criar uma âncora para que possamos olhar rapidamente para o texto na parte inferior.
Para fazer isso, crie uma nova tag - "a" após a inscrição "texto no topo". Nele criamos o atributo "href". Para tornar a âncora mais conveniente, escreveremos "para baixo" no link.
Agora especificamos o valor "#yakor" no atributo - este será um link para o nome da âncora.
A primeira parte da âncora - o link para ela - está pronta. Agora, tudo o que resta é criar a própria âncora. Passamos para a parte desejada da página. Nesse caso, é "texto na parte inferior". Como este é um texto simples sem uma tag, precisamos criá-lo. Para fazer isso, coloque o texto em um "parágrafo" - tag "p".
Nesta tag, criamos o atributo "id" e inserimos o valor "yakor" nele. O valor "yakor" corresponde ao nome da âncora que foi especificado no link.
Agora nossa âncora está funcionando como deveria.
