4.4 - Âncora alvo |
A âncora alvo possibilita a ligação para uma posição no documento HTML. Por exemplo, suponha que todo este capítulo, incluindo suas seções, fosse escrito numa única página HTML - o resultado seria um extenso documento com várias telas de rolagem. Conforme ilustra a figura ao lado, seria desejável que, bem no início do capítulo, existisse uma ligação para cada uma de suas seções. Isto é possível com o uso de âncora alvo. Para experimentar este tipo de ligação, navegue neste exemplo simplificado. |
![]() |
Estude os fragmentos de código HTML abaixo (retirados do exemplo acima):
<H1 align="center">5 - Ligações</H1>
<P>
<A href="#uri">5.1 - URI</A></BR>
<A href="#ligacao">5.2 - Ligação para documento HTML</A></BR>
...
<H2><A name="uri">5.1 - URI</A></H2>
...
<H2><A name="ligacao">5.2 - Ligação para documento HTML</A></H2>
...
Para construir uma ligação para uma âncora alvo é preciso:
Criar a âncora alvo. O atributo href
não é especificado pois a âncora alvo não tem destino - ao contrário, ela será
utilizada como destino de outra ligação. É preciso fornecer um nome para a âncora
alvo, especificado pelo atributo name. Dentro do mesmo documento HTML, as
âncoras alvo devem ter nomes diferentes.
<A name="nome_alvo"> ... </A>
Criar uma ligação para a âncora alvo. Esta ligação utilizará o
atributo href para fazer referência à âncora alvo. A referência será
composta pelo símbolo "#" (tralha) seguido do nome da âncora
alvo.
<A href="#nome_alvo"> ... </A>
Para fazer uma ligação para uma âncora alvo localizada em outra página, basta especificar o endereço da outra página + a referência para a âncora alvo. P. ex.:
<A href="capitulo5.htm#introducao">
... </A> (endereço relativo)
<A href="http://www.nce.ufrj.br/cursos/html/capitulo5.htm#introducao"> ... </A> (endereço
absoluto)