práticas CSS: posicionamento negativo

5

Sou um pouco novato em CSS.

De qualquer forma, notei que um método extremamente comum usado em CSS é ter posicionamento negativo ou fora da tela, seja para ocultar texto ou pré-carregar imagens ou o que você tem.

Mesmo em sites de SE, como o StackOverflow e este site, temos

#hlogo a { text-indent: -999999em } 

definido no CSS deles.

Então eu acho que tenho algumas perguntas.

  • é este CSS válido? ou é apenas um "hack"?
  • há desvantagens em fazer as coisas dessa maneira?
  • por que isso é tão comum? não há melhores maneiras de ocultar conteúdo?
por Corey 06.02.2011 / 02:07
fonte

3 respostas

3
  1. É válido, e é um "hack" apenas que você está usando um recuo negativo grande para ocultar o texto, provavelmente não projetado com isso em mente.
  2. Sim, o texto não pode ser visto.
  3. Depende, para fins de SEO, o texto está lá, mas normalmente é substituído por uma imagem ou ícone.
por 06.02.2011 / 02:22
fonte
0

É válido e é compatível com o leitor de tela. No entanto, eu não recomendaria fazê-lo, porque o Google pode vê-lo como uma técnica blackhat, já que muitos spammers usam indentação negativa para ocultar links.

    
por 06.02.2011 / 02:45
fonte
0

É um truque usado para ocultar o texto ao usar imagens como planos de fundo, principalmente visto na prática com a marca do site. Os sites modernos fazem isso da melhor maneira, simplesmente usando <img> para exibir logotipos.

  1. É um CSS válido.
  2. A única desvantagem é que o texto não pode ser visível.
  3. Realmente não sei por que isso é comum, mas há técnicas melhores para ocultar texto se você pode ignorar versões mais antigas de navegadores da Web.
por 06.02.2015 / 20:14
fonte

Tags