Esconder o texto em HTML?

[[2] eu vou estar completando um site em breve para a minha universidade (na verdade, ele está quase terminado agora, além de alguns ajustes leves) e eu gostaria de adicionar um agradecimento escondido para alguns blogueiros que ajudaram, e a comunidade stack overflow que foi uma grande ajuda. Neste momento, tenho uma secção de texto que está escondida desta maneira.
<font style="font-size:0px"> - text </font>
Mas acho que há uma maneira melhor. Há?

 11
Author: Zac Brown, 2013-04-18

10 answers

Isto vai manter o seu espaço, mas não mostra nada.
opacity: 0.0;

Isto irá esconder o objecto por completo, Mais o seu espaço (reservado);

display: none;
 15
Author: , 2013-04-18 13:01:07
<div style="display:none;">CREDITS_HERE</div>
 9
Author: Lowkase, 2013-04-18 13:01:16

Pode usar a propriedade css para esconder style="display:none;"

<div style="display:none;">CREDITS_HERE</div>
 3
Author: PSR, 2013-04-18 13:01:46
 2
Author: jgillich, 2013-04-18 13:01:51
Aqui estão duas maneiras de conseguir isso.

Não pode mostrar nenhuma ou ter uma opacidade nenhuma...Mas se quiser que a opacidade seja compatível com o cross browser, terá de adicionar isto ao seu css

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

Http://codepen.io/anon/pen/Krkfj

 2
Author: Stephen, 2013-04-18 13:06:53

Você disse que não pode usar comentários HTML porque o CMS os filtra. Presumo que queira mesmo esconder este conteúdo e não precisa de o mostrar nunca.

Nesse caso, você não deve usar CSS( apenas), pois você só jogaria no nível de apresentação, não afetando o nível de conteúdo. O seu conteúdo também deve ser escondido para os agentes utilizadores que ignoram o CSS (pessoas que usam navegadores de texto, Leitores de alimentação, Leitores de ecrã; bots; etc.).

Em HTML5 há a global hidden atributo:

Quando especificado num elemento, indica que o elemento ainda não é, ou já não é, directamente relevante para o estado actual da página, ou que está a ser usado para declarar que o conteúdo deve ser reutilizado por outras partes da página, em vez de ser acedido directamente pelo utilizador. Os agentes de Utilizador não devem apresentar elementos que tenham especificado o atributo hidden.

Exemplo (usando o small o elemento aqui, porque é um

 2
Author: unor, 2017-05-23 10:31:20

Usar a propriedade css style="display:none" ou style=visibility:hidden"

 0
Author: mmpatel009, 2013-04-18 13:03:52

Use a propriedade CSS {[[0]} e configure-a para hidden.

Você pode ver mais aqui .

 0
Author: joseph, 2013-04-18 13:21:56

Não tenho a certeza se era isto que estavas a pedir, mas eu estava pessoalmente a tentar 'esconder' alguma informação no meu html para que, se alguém a inspeccionasse, visse o texto no código-fonte.

Acontece que você pode adicionar qualquer atributo, e desde que não seja entendido pelo navegador, ele será apenas deixado enterrado na tag. Meu código era um ovo de Páscoa: para as pessoas que não podiam se dar ao luxo de fazer o curso da Academia Makers, eu basicamente os encorajei a inspecionar o elemento, onde eles seria dado um URL secreto onde eles poderiam se candidatar a um curso especial de preço reduzido (é em haml, mas é a mesma idéia em HTML):

.entry
        %h2 I can't afford to do the course... What should I do?
        %p{:url_you_should_visit => 'http://ronin.makersacademy.com'} Inspect and you shall find.

Ou em html:

<p url_you_should_visit="http://ronin.makersacademy.com">Inspect and you shall find.</p>

Porque 'url' não é um atributo html reconhecido, não faz diferença, mas ainda é possível descobrir. Podias fazer o mesmo com tudo o que quisesses. Você poderia ter um atributo (em html) como:

<p thanks="Thanks to all the bloggers that helped me"> Some text </p>
E poderão encontrar o teu ovo de Páscoa, se o quiserem... Esperança que ajuda-certamente ajudou eu:)
 0
Author: Jordan Poulton, 2015-01-20 17:16:01