La Red de Conocimientos Pedagógicos - Currículum vitae - La diferencia entre visibilidad y visualización en JavaScript

La diferencia entre visibilidad y visualización en JavaScript

Diferencias:

1. El espacio que ocupa el dominio es diferente.

La visibilidad ocupa espacio en el dominio, pero la visualización no.

Tanto la visibilidad como la visualización pueden ocultar la página. Por ejemplo:

Establezca el atributo de visualización del elemento en bloque, lo que provocará una nueva línea después del elemento.

Establezca el atributo de visualización del elemento en línea para eliminar el ajuste del elemento.

Establezca el atributo de visualización del elemento en none para ocultar el contenido del elemento y no ocupar el espacio del dominio.

Establezca el atributo de visibilidad del elemento en oculto para ocultar el contenido del elemento pero ocupar el espacio del dominio.

Establezca la propiedad de visibilidad del elemento en visible para mostrar el contenido del elemento.

2. Responder a las diferencias en el flujo normal de documentos.

Si desea ocultar un elemento pero conservar espacio para el elemento en la página, debe usar visibilidad: oculto. Si desea ocultar un elemento y dejar que otro contenido llene el espacio, debe usar display:none.

En realidad, encuentro que la gente tiende a utilizar más el atributo de visualización (creo que este también es el hábito de la mayoría de la gente). Cuando decide utilizar display:none para ocultar un elemento, debe saber que otro contenido llenará el espacio vacío dejado por el elemento, cambiando así el diseño de la página.

Información ampliada

En SEO, a veces lograremos el propósito de hacer trampa ocultando las palabras clave apiladas, pero no debemos usar visibilidad: oculta y mostrar: ninguna, sino que debemos usar Establecer el color de la palabra clave sea el mismo que el color de fondo, o establezca el tamaño de fuente de la palabra clave para que sea muy pequeño para que los visitantes no puedan encontrarla.

A algunas personas les preocupa el uso de visibilidad: oculta y visualización: ninguna porque tienen miedo de las arañas de búsqueda. De hecho, se logran muchos efectos hermosos al cambiar la visibilidad del elemento.

Los motores de búsqueda también entienden este enfoque (de hecho, los motores de búsqueda a menudo ignoran CSS), por lo que si su propósito no es engañar a los motores de búsqueda, puede usar de forma segura visibilidad: oculta y visualización: ninguna para ocultar contenido.

Referencia: Enciclopedia Baidu-Visibilidad