E 'ok per nascondere eventuali cose con display: none?

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

  •  21-09-2019
  •  | 
  •  

Domanda

E 'ok per nascondere qualsiasi cosa, temporaneamente o per sempre utilizzando display:none? nel sito dinamico dove molti componenti della pagina provenienti da diversi plugin, ecc e molte volte se il cliente non vuole nulla a pagina allora io uso dispaly:none per nascondere le cose da pag. Non rimuovere cosa dalla fonte reale perché cliente può tornare chiedere di attivare di nuovo quella cosa.

quindi quali sono i pro ei contro per mantenere le cose nascondersi dai display: none se continuo a ogni elemento nascondere utilizzando Display:none per sempre

?

c'è qualche svantaggi in termini di SEO, screen reader, accessibilità ecc?

È stato utile?

Soluzione

Pro: Molto facile da fare

Contro:

  • si sta ancora caricando i componenti sul lato server e il client li scarica. Il browser semplicemente non "spettacolo" di loro.
  • Chiunque utilizzi "visualizza sorgente" sarà in grado di vedere i valori che sono "nascosti". in modo da non usare per nascondere le informazioni sensibili.

Si può semplicemente "commento" questi lato server sezione per risparmiare un sacco di elaborazione sul server, banda, ecc.

Altri suggerimenti

Se il cliente vuole che sia rimosso, quindi creare una copia di backup della pagina, e inviare una pagina che in realtà ha rimosso. Non sostituire i CSS per effettivamente la rimozione di un elemento. Se decidono che vogliono in futuro, poi andare a scambiare il backup per la vostra copia dal vivo. Se hai a che fare con uscita dinamica (nel caso di PHP o una tecnologia simile) si potrebbe smettere di quell'uscita particolare con i commenti in modo che stanno mai inclusi nella risposta.

E 'probabilmente anche la pena ricordare qui che alcuni motori di ricerca (Google per esempio) non fare il punto contenuto nascosto.

Nascondere enormi quantità di testo utilizzando display:none; è una delle cose che molti motori di ricerca raccolgono sul spamming come parola chiave.

:)

Ha senso per nascondere / mostrare cose con 'display: none' quando si fa sul lato client Ajax. In questo modo è possibile passare da una visualizzazione / schede senza fare server di andata e ritorno.

E 'necessario rimuovere in realtà qualcosa dalla pagina markup quando ci sono implicazioni di sicurezza. Se un utente non ha il diritto di vedere alcune informazioni sensibili, che non dovrebbe essere lì quando si fa clic su "fonte Display".

display: none è bene nascondere le cose che si desidera visibile quando le persone si rivolgono css off o utilizzare i browser che doesnt supporto dei CSS.

Per quanto riguarda l'accessibilità va, c'è una forte possibilità che qualcosa nascosta con "display: none;" NON sarà letto da uno screen-reader. Questo può essere accettabile se si intende per essere in quel modo.

Una possibile alternativa a nascondere i contenuti per screen reader / CSS-offerta è solo quello di utilizzare questa classe: 

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

E il seguente codice HTML: 

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

Per tutte le informazioni su come nascondere tecniche: http://www.access-matters.com / 2005/04/23 / screen-reader-test-risultati /

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top