HTML avançado: Âncoras


Autor/fonte: Orbita Starmedia
Tags: [ âncoras ]



Digg del.icio.us

Âncoras são links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo, clicando aqui você salta automaticamente para o fim da página.

Para o funcionamento de uma âncora deve-se estabelecer dois comandos:

. Um que defina o lugar da página para onde se pretende "saltar";
. Outro que identifique esse ponto de destino.

Links com âncoras para uma mesma página

Você pode fazer com que links saltem para determinados pontos de uma mesma página, facilitando a navegação. Veja como. Primeiro vamos definir o ponto de destino. Você deve incluir a seguinte tag exatamente no local onde quer que o link vá:

<A NAME="Coloque o nome da ancora aqui"></A>

Obs.: NAME é um parâmetro que define um ponto de destino.

Agora você pode usar a tag de link "comum" para fazer o link saltar para o ponto onde você definiu:

<a href="#nome da ancora">Texto</a>

Repare que há um símbolo "#" antes do nome da âncora. É ele que vai fazer o navegador entender que deve ir para a âncora que você definiu.

Links com âncoras para uma outra página

Agora digamos que você queira que o link vá para uma outra página e direto para um texto no final dela. Primeiro você deve incluir, na página de destino, a tag da âncora no ponto onde ela vai aparecer ela depois de clicar no link, e salvar a página. Em seguida, na página que terá o link, você deve construir a tag assim:

<a href="nome-do-lugar-a-ser-levado#nome da ancora">Texto</a>

Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora que você definiu na página de destino.

Você pode incluir quantas âncoras quiser em sua página, mas lembre-se de que cada uma deve ter um nome diferente.




Enviado por xKuRt em 29/09/2006 às 09:20


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Quinta, 30 de Outubro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Análise e Gestão de Requisitos de Software - Onde Nascem os Sistemas


Capa do livro
Estruturas De Dados


Capa do livro
Princípios de análise e projeto de sistemas UML: Um guia prático para modelagem de sistemas





Hostnet

IMD