¿Está bien para ocultar cualquier cosas mediante display: none?

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

  •  21-09-2019
  •  | 
  •  

Pregunta

¿Está bien para ocultar cualquier cosa temporalmente o para siempre usando display:none? en el sitio dinámico donde muchos componentes de la página procedentes de diferentes plugins etc y muchas veces si el cliente no quiere cualquier cosa en la página entonces yo uso dispaly:none de ocultar las cosas a partir de la página. No me quito una cosa de la fuente real porque el cliente puede volver a pedir a habilitar de nuevo esa cosa.

Entonces, ¿qué hay pros y contras para mantener las cosas esconderse de display: none si sigo ningún elemento de ocultar el uso de Display:none siempre

?

¿hay alguna desventajas en términos de SEO, el lector de pantalla, accesibilidad, etc?

¿Fue útil?

Solución

Pros: Muy fácil de hacer

Contras:

  • Se le sigue cargando los componentes del lado del servidor y el cliente va a descargarlos. El navegador simplemente no "show" de ellos.
  • Cualquier persona que use "ver fuente" será capaz de ver los valores que están "ocultos". por lo que nunca lo utilizan para ocultar la información sensible.

Usted puede simplemente "comentario" éstos sección del lado del servidor para guardar una gran cantidad de procesamiento en el servidor, ancho de banda, etc.

Otros consejos

Si el cliente quiere que se elimine, a continuación, crear una copia de seguridad de la página, y publicar una página que ha hecho que se elimine. No sustituya CSS para realmente eliminar un elemento. Si deciden que quieren en el futuro, a continuación, entrar y cambiar su copia de seguridad para su copia en vivo. Si usted está tratando con salida dinámica (en el caso de PHP o una tecnología similar) se podría detener esa salida particular con los comentarios por lo que nunca están incluidos en la respuesta.

Es probable que también vale la pena mencionar aquí que algunos motores de búsqueda (Google, por ejemplo) no hacer un balance de contenido oculto.

Cómo ocultar grandes cantidades de texto usando display:none; es una de las cosas que muchos motores de búsqueda recogen en el envío de correo basura como palabra clave.

:)

Tiene sentido para ocultar / mostrar cosas con 'display: none' cuando lo hace en el cliente Ajax. De esta forma puede cambiar de vista / pestañas sin hacer servidor de ida y vuelta.

Es necesaria para eliminar realmente algo de la página de marcado cuando hay implicaciones de seguridad. Si un usuario no tiene el derecho de ver algo de información sensible, que no debería estar ahí cuando hacen clic en "fuente de visualización".

display: none es bueno para ocultar las cosas que desea visible cuando la gente acude css o use los navegadores que no soporte CSS.

En cuanto a la accesibilidad va, hay una fuerte posibilidad de que algo escondida con "display: none;" NO será leído por un lector de pantalla. Esto puede ser aceptable si tiene la intención de que sea de esa manera.

Una posible alternativa a ocultar el contenido para los lectores de pantalla / CSS-ofertas solamente es utilizar esta clase: 

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

Y el código HTML siguiente: 

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

Para obtener información completa sobre las técnicas de ocultar: http://www.access-matters.com / 2005/04/23 / lector de pantalla, los resultados de pruebas /

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top