Fundamentos de HTML - Links e âncoras

• Abril 27, 2024

Você pode usar links para conectar sua página a outras páginas, ou mesmo para pular para diferentes partes da mesma página. Os links oferecem ao seu site uma qualidade dinâmica que o diferencia de, digamos, um livro ou uma revista.

No nível mais básico, uma tag de link se parece com isso:



Qualquer tag que comece com 'a' indica um link, mas existem dois tipos básicos de links: hiperlinks e âncoras nomeadas. Um hiperlink é um link que conecta uma página da Web a uma página da Web diferente e terá a seguinte aparência:

Texto do link aqui

As informações na tag informam ao seu navegador que este é um hiperlink (href) que se conecta à página da web 'page.html'. O texto dentro das tags (texto do link aqui) é a parte do link que um visitante realmente vê e pode clicar para ir para page.html. Se você estiver vinculando a uma página do site a partir de uma página localizada no mesmo site, poderá deixar de fora as informações do domínio. Por exemplo, se você estivesse criando um link em sua página localizada em www.domain.com/home.html e o link conectado à página de destino www.domain.com/page.html, você poderia escrever o link e pular a informações de nome de domínio. Se você deixar de fora o nome de domínio, o navegador assumirá que a página de destino está localizada no mesmo site da página de vinculação.

A âncora nomeada (geralmente chamada de "âncora") serve a um propósito diferente. Como você deve ter adivinhado pelo nome, uma âncora cria uma bandeira invisível na página que informa ao navegador onde aterrar quando você configura um link que envia visitantes a um ponto específico da página. Uma âncora fica assim:



Normalmente, uma âncora não mantém nenhum texto entre as tags de abertura e fechamento, porque existe apenas para marcar um ponto na página. Para criar um link que permita que os visitantes pulem para este local na página a partir de uma página diferente, você pode criar um hiperlink como este:

Visite a seção Post

O '#' dentro do link informa ao navegador que você está vinculando a uma âncora nomeada. Se você quisesse criar um hiperlink que direcionasse um visitante para uma seção diferente da mesma página, seria algo como isto:

Visite a seção Post

Outra parte importante dos seus hiperlinks é o atributo 'target'. Isso informa ao navegador como exibir a página de destino. Você tem três opções principais: 'target = "_ blank",' 'target = "_ self",' e 'target = "_ top".'

O argumento '_blank' abrirá a página vinculada em uma nova janela. Isso é particularmente útil quando você está vinculando a um site externo, pois o visitante pode navegar pelo novo site até o conteúdo do coração, sem perder a localização no site. Também é melhor abrir documentos como PDFs em uma nova janela, pois os visitantes geralmente fecham o documento automaticamente quando terminam.

O argumento '_self' faz com que a página vinculada substitua a página atual na janela existente do navegador. É melhor para links dentro do seu site; caso contrário, os visitantes que navegam bastante pelo site acabam com muitas janelas abertas, o que pode ser extremamente irritante! Esse é o argumento padrão para o atributo 'target'; portanto, se você não especificar um destino, seus links sempre usarão a janela do navegador existente.

O argumento '_top' geralmente é usado em sites de conjunto de quadros e diz ao navegador para substituir o conjunto inteiro, ao contrário de simplesmente carregar a nova página em qualquer parte do conjunto de quadros que contém o link original.

Instruções De Vídeo: Curso ( html ) HTML Basico 2013 - link links (etiqueta a - href ) Tutorial 3 (Abril 2024).