Como Esconder um Link em HTML

Baixe em PDF
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

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

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
Alinhar Algo em HTML
Como
Criar um Link de Imagem em HTML
Como
Criar uma Página Simples da Web com HTML
Como
Inserir Uma Linha em HTML
Como
Verificar a Versão do PHP
Como
Criar Uma Página Web Simples com o Bloco de Notas
Como
Redirecionar um URL
Como
Adicionar Comentários em um Código HTML
Como
Adicionar um Hiperlink com HTML
Como
Fazer um Texto Piscar com HTML
Como
Aprender HTML
Como
Criar um Plano de Fundo Transparente Usando o Pixlr
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 29 781 vezes.

Este artigo foi útil?

Publicidade