O que é a referência de hipertexto (HREF)?

HREF é um atributo utilizado na linguagem de marcação de hipertexto (HTML) para especificar o destino de uma hiperligação. Quando vê um texto clicável numa página Web, é provável que exista um atributo HREF por detrás dele, apontando o seu browser para uma nova página ou uma secção diferente da página atual. Pense nisto como uma placa de sinalização digital que indica ao seu browser para onde ir a seguir.

Qual é o aspeto de um atributo HREF na linguagem de marcação de hipertexto (HTML)?

Um atributo HREF encontra-se dentro de uma etiqueta de âncora (a) em HTML. Por exemplo, se quiser criar uma hiperligação para example.com, deve escrevê-la em HTML como &lta href="http://www.example.com"&gt Visit Example &lt/a&gt. Este código cria uma hiperligação em que os utilizadores podem clicar para aceder ao endereço Web especificado.

Como é que os URLs (uniform resource locator) relativos funcionam com HREF?

Os URLs relativos são utilizados com HREF quando se pretende ligar a um ficheiro dentro do mesmo sítio Web. Ao contrário dos URLs absolutos que fornecem o caminho completo, um URL relativo é uma abreviatura que se refere a um ficheiro em relação à localização do ficheiro atual. Assim, se estiver a ligar a uma página no mesmo diretório, deve utilizar href="page2.html". Se precisar de subir um diretório, usaria href="../page3.html".

Como é que a HREF funciona com âncoras na mesma página?

A HREF pode apontar para uma âncora na mesma página utilizando um símbolo de hash seguido do nome da âncora. Se tiver uma secção identificada com um atributo id, como &ltdiv id="section1"&gt, pode criar uma ligação que salta diretamente para essa secção utilizando &lta href="#section1"&gt. Quando se clica nessa ligação, a página desloca-se para a parte em que "section1" está definida.

As HREF permitem a ligação a uma parte específica de outra página Web?

Absolutamente, a HREF pode ligar a uma parte específica de outra página Web se essa página tiver âncoras definidas. Utilizaria o URL da página seguido de um símbolo de hash e do nome da âncora. Por exemplo, href="http://www.example.com/page.html#section2" leva-o para a secção denominada "section2" em "page.html" em "example.com".

O que é que o atributo "tel" faz quando utilizado com HREF?

O atributo "tel" permite-lhe criar um link que inicia uma chamada telefónica quando clicado num dispositivo capaz de efetuar chamadas. Por exemplo, Call Us iniciará a marcação do número +1234567890 quando um utilizador clicar nele.

As HREF podem ser utilizadas com outros protocolos para além do protocolo de transferência de hipertexto (HTTP) e do protocolo de transferência de hipertexto seguro (HTTPS)?

Sim, o HREF pode ser utilizado com vários protocolos. Para além de HTTP e HTTPS para páginas Web e mailto para mensagens de correio eletrónico, também pode utilizar file para ligar a ficheiros numa unidade local ou de rede, ftp para ficheiros disponíveis em servidores de protocolo de transferência de ficheiros (FTP) e muitos outros. O atributo HREF é versátil, suportando muitos esquemas diferentes com base nas suas necessidades.

Qual é o significado do valor "nofollow" no atributo rel de uma ligação com HREF?

O valor "nofollow" no atributo rel diz aos motores de busca para não seguirem uma determinada ligação. Isto significa que a ligação não contribuirá para que o motor de busca compreenda a estrutura do sítio, nem transmitirá quaisquer sinais de classificação ou de confiança. É normalmente utilizado para hiperligações para conteúdos não fiáveis ou hiperligações pagas, em que não se pretende dar a entender uma aprovação.

Como é que a definição do atributo de destino para "_blank" afecta uma ligação com HREF?

Definir o atributo de destino como "_blank" força a ligação a abrir num novo separador ou janela do browser. Quando utiliza &lta href="http://www.example.com" target="_blank"&gt, assegura que a página atual do utilizador permanece aberta, permitindo-lhe regressar facilmente à mesma depois de verificar a página ligada.

O JavaScript utiliza HREF de alguma forma?

Sim, o JavaScript pode manipular HREF através do modelo de objeto de documento (DOM). Pode utilizar o JavaScript para alterar dinamicamente o atributo HREF de uma etiqueta âncora, o que pode ser útil para atualizar ligações com base nas interacções do utilizador ou noutras condições da sua aplicação Web.

O HREF pode ser utilizado para descarregar ficheiros diretamente?

De facto, pode utilizar a HREF para iniciar o download de um ficheiro, apontando para a localização do ficheiro. Para pedir ao utilizador que descarregue o ficheiro em vez de navegar até ele, pode utilizar o atributo 'download' na etiqueta âncora, como &lta href="path/to/file" download&gt.

A HREF pode ser utilizada para ligar a uma localização de ficheiro no sistema local do utilizador?

Tecnicamente, é possível criar uma ligação que aponte para um ficheiro no sistema de ficheiros local utilizando o protocolo de ficheiros, como &lta href="file:///path/to/your/file"&gt. No entanto, por razões de segurança, os navegadores Web modernos restringem normalmente este tipo de ligações quando são colocadas em páginas Web servidas através do protocolo de transferência de hipertexto (HTTP) ou do protocolo de transferência de hipertexto seguro (HTTPS) devido ao potencial de abuso.

Posso utilizar a HREF para criar uma ligação que se desloque para o topo da página?

Sim, uma utilização comum de HREF é criar uma ligação "Voltar ao topo". Ao definir o atributo HREF para "#" sem especificar o ID de um elemento, &lta href="#"&gt Top of Page &lt/a&gt cria uma hiperligação que, quando clicada, volta ao topo da página.

Posso utilizar HREF para ligar a uma conversação em direto ou a um serviço de mensagens?

Sim, pode utilizar esquemas específicos de localizador uniforme de recursos (URL) em HREF para ligar a serviços de chat em direto ou de mensagens. Muitas plataformas de chat oferecem esquemas de URL personalizados (como "whatsapp://") que pode utilizar para iniciar conversas diretamente a partir de uma hiperligação, assumindo que o utilizador tem a aplicação relevante instalada.

Que papel desempenha a HREF no design reativo?

Embora o HREF em si não se altere no design reativo, a forma como trata as hiperligações pode alterar-se. Num layout reativo, poderá ter diferentes ligações ou comportamentos diferentes com base nas capacidades do dispositivo. Por exemplo, uma ligação "tel" só faria sentido num dispositivo que pudesse fazer chamadas, e o JavaScript poderia ser utilizado para alterar os valores HREF para proporcionar uma melhor experiência de utilizador em diferentes tamanhos de ecrã.

As HREF podem ser estilizadas de forma diferente para ligações visitadas e não visitadas?

Sim, pode estilizar HREFs de forma diferente para ligações visitadas e não visitadas utilizando pseudo-classes de folhas de estilo em cascata (CSS). ':link' pode ser utilizado para estilizar ligações não visitadas e ':visited' pode ser utilizado para ligações visitadas. Isto permite-lhe fornecer feedback visual aos utilizadores sobre os links em que já clicaram.

Quero criar um menu pendente. É necessária uma HREF para os itens?

O HREF não é necessário se os itens do menu pendente desencadearem outras interacções para além da navegação, como a apresentação de mais conteúdo na página ou a execução de uma função JavaScript. Mas se cada item do menu pendente se destinar a levar o utilizador para uma nova página, então o HREF será utilizado nesses casos.