Baixe em PDFBaixe em PDFX
O How.com.vn é uma "wiki"; ou seja, muitos de nossos artigos são escritos em parceria com várias pessoas. Para criar este artigo, 10 pessoas, algumas anônimas, editaram e melhoraram o texto desde sua criação.
Este artigo foi visualizado 28 915 vezes.
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.
Passos
Abra o código da sua página e encontre o link. 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.
Procure pelo código hexadecimal da cor. 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
Ajuste seu código. 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>
- <style>
Use a função "buscar" para verificar se o código funcionou. 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
Adicione uma classe ou atributo ID ao link. 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]
Crie uma regra CSS para sua classe ou ID. 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.
Altere os parâmetros "display" (exibição) ou "visibility" (visibilidade). 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.
Verifique se o código foi inserido corretamente. 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- Código HTML:
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
Referências
- ↑ http://webdesign.about.com/od/css/qt/tiphidecursor.htm
- ↑ http://www.w3schools.com/tags/att_body_link.asp
- ↑ http://www.w3schools.com/cssref/sel_hover.asp
- ↑ http://webdesign.about.com/od/css/qt/tiphidecursor.htm
- ↑ http://htmldog.com/techniques/showhide/
- ↑ http://webaim.org/techniques/css/invisiblecontent/
- ↑ https://support.google.com/webmasters/answer/66353?hl=en
Sobre este guia How.com.vn
Esta página foi acessada 28 915 vezes.
Este artigo foi útil?
⚠️ Disclaimer:
Content from Wiki How Português language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
Publicidade
