Tudo bem esconder alguma coisa usando exibição: nenhuma?

StackOverflow https://stackoverflow.com/questions/2289749

  •  21-09-2019
  •  | 
  •  

Pergunta

Tudo bem esconder qualquer coisa temporariamente ou para sempre usando display:none? No site dinâmico, onde muitos componentes da página vêm de diferentes plugins etc. e muitas vezes se o cliente não quiser nada na página, então eu uso dispaly:none para esconder as coisas da página. Não removo a coisa da fonte real porque o cliente pode voltar, peça para ativar a coisa novamente.

Então, quais são os prós e os contras para manter as coisas escondidas de exibição: nenhuma se eu mantiver algum elemento esconder usando Display:none para todo sempre?

Existe algum contras em termos de SEO, leitor de tela, acessibilidade etc.?

Foi útil?

Solução

Prós: muito fácil de fazer

Contras:

  • Você ainda está carregando os componentes no lado do servidor e o cliente os baixará. O navegador simplesmente não os "mostrará".
  • Qualquer pessoa que use "View Source" poderá ver os valores que estão "ocultos". Portanto, nunca use -o para ocultar informações confidenciais.

Você pode simplesmente "comentar" o lado do servidor de seção para economizar muito processamento no servidor, largura de banda etc.

Outras dicas

Se o cliente quiser remover, crie um backup da página e publique uma página que realmente a remove. Não substitua o CSS por na realidade removendo um item. Se eles decidirem que o querem no futuro, entre e troque seu backup para sua cópia ao vivo. Se você estiver lidando com a saída dinâmica (no caso de PHP ou uma tecnologia comparável), você pode interromper essa saída específica com comentários para que eles nunca estejam incluídos na resposta.

Provavelmente também vale a pena mencionar aqui que alguns mecanismos de pesquisa (Google, por exemplo) fazem um balanço de conteúdo oculto.

Escondendo enormes quantidades de texto usando display:none; é uma das coisas que muitos mecanismos de pesquisa entendem como spam de palavra -chave.

:)

Faz sentido ocultar/mostrar coisas com 'exibição: nenhum' quando você faz Ajax do lado do cliente. Dessa forma, você pode alternar as visualizações/guias sem fazer uma ida e volta do servidor.

É necessário remover algo da marcação da página quando há implicações de segurança. Se um usuário não tiver o direito de ver algumas informações confidenciais, ele não deve estar lá quando clique em "Exibir fonte".

display: none É bom esconder coisas que você deseja visíveis quando as pessoas desligam o CSS ou usam navegadores que não suportam o CSS.

No que diz respeito à acessibilidade, há uma forte chance de que algo oculto com "Display: Nenhum"; não será lido por um leitor de tela. Isso pode ser aceitável se você pretende que seja assim.

Uma possível alternativa para ocultar conteúdo para leitores de tela/CSS apenas é usar esta classe:

.offscreen {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

E o seguinte HTML:

<h3 class="offscreen">Site Navigation</h3>

Para obter informações completas sobre as técnicas de ocultação:http://www.access-matters.com/2005/04/23/screen-reader-test-results/

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top