Como Esconder um Link em HTML

PDF download Baixe em PDF
PDF download Baixe em PDF

Esconder um link em um código HTML praticamente vai inutilizá-lo para um usuário comum da sua página web. E se o acesso for feito a partir de um website desatualizado, alguns métodos para ocultar os links podem simplesmente não funcionar. [1] No entanto, se você quiser fazer uma divertida caça ao tesouro ou adicionar recursos ocultos, também conhecidos por Easter eggs , ao site, ocultar links é uma boa opção! Para fazê-lo é preciso ter conhecimento básico em HTML e codificação.

Método 1
Método 1 de 2:

Alterando a cor da fonte do link

PDF download Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/13\/Hide-a-Link-in-HTML-Step-1-Version-3.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/13\/Hide-a-Link-in-HTML-Step-1-Version-3.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ao acessar o código fonte da sua página, você pode encontrar o link e alterar sua cor para ser a mesma do fundo. Ao fazê-lo, o link ficará invisível ao ser usado no fundo da mesma cor.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/17\/Hide-a-Link-in-HTML-Step-2-Version-3.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/17\/Hide-a-Link-in-HTML-Step-2-Version-3.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    HTML, CSS e outras linguagens de programação usam códigos hexadecimais de seis dígitos para representar as cores. Primeiramente, você terá que encontrar o código hexadecimal correspondente ao seu plano de fundo; segue alguns códigos mais usados abaixo:
    • Branco: FFFFFF
    • Preto: 000000
    • Cinza: 808080
    • Cinza claro: D3D3D3
    • Azul: 0000FF
    • Bege: F5F5DC
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/07\/Hide-a-Link-in-HTML-Step-3-Version-3.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Hide-a-Link-in-HTML-Step-3-Version-3.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ao encontrar o link que você quer ocultar no código da página - e depois de encontrar o código hexadecimal da cor - inicie a alteração da cor do link. Para fazê-lo, use o seguinte código, inserindo o link que você quer ocultar e o código da cor no local apropriado: [2] [3]
    • <style>
      a:link.com.br {
      color: #(insira o código hexadecimal da cor aqui);
      }
      a:active {
      color: #(insira o código hexadecimal da cor aqui);
      }
      a:visited {
      color: #(insira o código hexadecimal da cor aqui);
      }
      a:hover {
      color: #(insira o código hexadecimal da cor aqui);
      }
      </style>
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a3\/Hide-a-Link-in-HTML-Step-4.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a3\/Hide-a-Link-in-HTML-Step-4.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Embora o link esteja agora oculto, e outros usuários ainda poderão localizá-lo usando a função "buscar" no navegador de internet. Independentemente de o link estar normal, ter sido visitado, ativo ou com o cursor sobre ele, ele deverá estar invisível.
    • A função "buscar" pode ser ativada na maioria dos navegadores pressionando as teclas Ctrl + F .
    Publicidade
Método 2
Método 2 de 2:

Usando CSS baseado em classe

PDF download Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e3\/Hide-a-Link-in-HTML-Step-5.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e3\/Hide-a-Link-in-HTML-Step-5.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Faça-o incluindo informações adicionais à tag do link. Encontre a tag do link e adicionar o código apropriado para o ID ou classe. O código deverá ficar mais ou menos assim:
    • class=Link.com.
    • id=Link.com. [4]
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Hide-a-Link-in-HTML-Step-6.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Hide-a-Link-in-HTML-Step-6.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Referencie o nome criar usando um "." para classes ou o símbolo "#" para seu ID. O código deverá ficar mais ou menos assim:
    • Classes: .Link.com.
    • IDs: #Link.com.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Hide-a-Link-in-HTML-Step-7.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Hide-a-Link-in-HTML-Step-7.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ambos têm o efeito de ocultar o link, mas cada um o faz de uma forma diferente. Ao alterar o valor do parâmetro para "none" (nenhum), o link será removido do layout da página. [5] Isso pode fazer com que outros elementos da página sejam movidos caso tenham sua posição baseada no link. Alterar a visibilidade para "hidden" (oculto), o link será omitido será influenciar o layout da página. [6] O código para essa etapa deverá ficar mais ou menos assim:
    • display: none.
    • visibility: hidden.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Hide-a-Link-in-HTML-Step-8.jpg\/v4-460px-Hide-a-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Hide-a-Link-in-HTML-Step-8.jpg\/v4-728px-Hide-a-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Um código incorreto pode causar erros significantes na página ou alterar elementos importantes se seu design. O código HTML e CSS final deverá ficar assim:
    • Código HTML:
      <a href=Link.com
      class=Link.com>Link</a>.
    • Código CSS:
      .Link.com {
      display: none;
      }.
    Publicidade

Dicas

  • Ocultar um link é extremamente útil caso você o esteja chamando e exibindo em outro lugar com JavaScript, mas não quer que os usuários o veja sendo carregado.
Publicidade

Avisos

  • Algumas empresas que fornecem serviços de mecanismo de busca na Internet interpretam o uso de links HTML ocultos para manipular as classificações de pesquisa uma violação do código de ética dos desenvolvedores web. [7]
Publicidade

WikiHows Relacionados

Como
Criar uma Página Simples da Web com HTML
Como
Redirecionar um URL
Como
Alinhar Algo em HTML
Como
Criar Uma Página Web Simples com o Bloco de Notas
Como
Inserir Uma Linha em HTML
Como
Criar um Link de Imagem em HTML
Como
Verificar a Versão do PHP
Como
Adicionar Comentários em um Código HTML
Como
Adicionar um Hiperlink com HTML
Como
Criar um Plano de Fundo Transparente Usando o Pixlr
Como
Fazer um Texto Piscar com HTML
Como
Aprender HTML
Publicidade

Referências

  1. ↑ http://webdesign.about.com/od/css/qt/tiphidecursor.htm
  2. ↑ http://www.w3schools.com/tags/att_body_link.asp
  3. ↑ http://www.w3schools.com/cssref/sel_hover.asp
  4. ↑ http://webdesign.about.com/od/css/qt/tiphidecursor.htm
  5. ↑ http://htmldog.com/techniques/showhide/
  6. ↑ http://webaim.org/techniques/css/invisiblecontent/
  7. ↑ https://support.google.com/webmasters/answer/66353?hl=en

Sobre este guia wikiHow

Em outras línguas
Esta página foi acessada 31 241 vezes.

Este artigo foi útil?

Publicidade