Est-il acceptable pour cacher des choses en utilisant display: none?

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

  •  21-09-2019
  •  | 
  •  

Question

Est-il correct de cacher quelque chose en utilisant temporairement ou pour toujours display:none? dans le site dynamique où de nombreux composants de la page provenant de différents plugins etc et beaucoup de temps si le client ne veut pas quelque chose à la page puis-je utiliser dispaly:none pour cacher les choses de la page. Je ne retire pas chose de la source réelle, car le client peut se demander de nouveau pour permettre à nouveau cette chose.

quels sont les avantages et les inconvénients pour garder les choses cacher display: none si je garde tout cacher l'élément en utilisant Display:none toujours

?

est-il des inconvénients en termes de SEO, lecteur d'écran, accessibilité, etc.?

Était-ce utile?

La solution

Plus: Très facile à faire

Moins:

  • Vous chargez toujours les composants du côté serveur et le client les télécharger. Le navigateur tout simplement pas « montrer » les.
  • Toute personne utilisant « voir la source » sera en mesure de voir les valeurs qui sont « cachées ». donc jamais l'utiliser pour cacher des informations sensibles.

Vous pouvez simplement « comment » ce côté serveur de section pour enregistrer beaucoup de traitement sur le serveur, la bande passante, etc.

Autres conseils

Si le client souhaite qu'elle soit supprimée, puis créer une sauvegarde de la page et afficher une page qui a fait enlever. Ne pas remplacer CSS pour en fait suppression d'un élément. S'ils décident qu'ils veulent dans l'avenir, allez et échanger votre sauvegarde pour votre copie en direct. Si vous avez affaire à une sortie dynamique (dans le cas de PHP ou une technologie comparable), vous pouvez mettre fin à cette sortie particulière avec des commentaires afin qu'ils ne sont jamais inclus dans la réponse.

Il est probablement utile de mentionner ici que certains moteurs de recherche (Google, par exemple) ne faire le point sur le contenu caché.

Hiding d'énormes quantités de texte à l'aide display:none; est l'une des choses que beaucoup de moteurs de recherche pick up sur le spamming comme mot-clé.

:)

Il est logique de masquer / afficher des trucs avec « display: none » quand vous faites Ajax côté client. De cette façon, vous pouvez changer de vue / onglets sans faire aller-retour au serveur.

Il est nécessaire de retirer effectivement quelque chose du balisage de la page quand il y a des implications de sécurité. Si un utilisateur n'a pas le droit de voir des informations sensibles, il ne devrait pas être là quand ils cliquent sur « source d'affichage ».

display: none est bon de cacher les choses que vous voulez visible quand les gens se tournent ou hors navigateurs css usage qui ne marche pas css support.

En ce qui concerne l'accessibilité va, il y a une forte chance que quelque chose de caché avec « display: none; » ne sera pas lu par un lecteur d'écran. Cela peut être acceptable si vous avez l'intention qu'il soit de cette façon.

Une alternative possible à masquer le contenu pour les lecteurs d'écran / css-offres est d'utiliser uniquement cette classe: 

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

Et le code HTML suivant: 

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

Pour des informations complètes sur les techniques cacher: http://www.access-matters.com / 2005/04/23 / écran-lecteur-test-résultats /

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top