Usando la propiedad CSS "display: none"

Las hojas de estilo en cascada (CSS) le permiten organizar la apariencia y el diseño de la página de Internet. Una de las propiedades más utilizadas y sus valores es "display: none".

Definición de propiedad

La propiedad en sí es multiusos y defineel tipo de elemento que se muestra en el documento. Dependiendo del valor seleccionado, una determinada sección de la página puede mostrarse línea por línea, linealmente, como elementos de lista, como parte de una tabla, etc. Así, gracias a la propiedad "mostrar", puede cambiar el tipo de bloque en el documento.

En cuanto a la visualización del valor de la propiedad del paquete: ninguno, "le permite eliminar un elemento o un bloque del documento, y el espacio para esa parte de la página no está reservado, es decir, se sale de la secuencia. Todos los elementos que están detrás de" eliminado "simplemente no lo ven e ignoran el tamaño y la posición de tal Para devolver un objeto oculto, debe acceder al documento a través de scripts que simplemente cambian el valor de la propiedad al formato requerido, y la página formateará automáticamente con el nuevo objeto en él.

La diferencia entre las propiedades de "visualización" y "visibilidad"

A pesar de que al final, ambas propiedades se ocultanelemento del usuario, su principio de funcionamiento es significativamente diferente. Como se mencionó anteriormente, el parámetro "display: none" elimina por completo el elemento del documento. El bloque se sale de la página, por lo tanto, no ocupa un lugar en él. En este caso, el objeto en sí permanece en el código HTML.

A su vez, la propiedad "visibilidad: oculto "se esconde el elemento del usuario, pero no lo elimina del modelo de documento Por lo tanto, se reserva un lugar en el bloque En otras palabras, la página, el flujo de documentos aceptará y considerar la ubicación y el tamaño que el elemento con la propiedad .." visibility: hidden "exactamente lo mismo, así como sin eso.

Esta diferencia en la organización de la estructura del documento con estas dos propiedades le permite lograr el resultado necesario para la visualización correcta de la página.

Usando CSS - display: ninguno

El documento de Internet le permite usarvarias opciones para determinar la propiedad de un elemento. En primer lugar mostrar: ninguno se puede registrar en un archivo separado de hojas de estilos en cascada. Este método es el más avanzado y correcto, ya que le permite representar todos los selectores, clases y sus propiedades en un documento separado. Tal modelo permite encontrar y cambiar rápidamente los parámetros de la página.

En el título del documento.

La segunda opción es definir estilos enEl título del documento entre las etiquetas de estilo. La efectividad de este método es mucho menor. Se recomienda utilizarlo solo en casos extremos, ya que con una gran cantidad de estilos, la legibilidad del diseñador web se deteriora significativamente. Y esto conduce a errores y ralentiza el proceso de desarrollo de un documento de Internet. Se recomienda utilizar este enfoque solo en el caso de agregar una pequeña cantidad de estilos a esta etiqueta o para depurar un documento.

Hay que recordar que si este métodoSi los estilos se encuentran en un documento inferior a la importación de una hoja de estilo separada, las propiedades que se superponen serán reescritas por aquellas en el cuerpo del documento html.

Bloque div. Exhibición: ninguna

Otra forma es agregardirectamente en el elemento de etiqueta del código "style = display: none;". Este enfoque se usa a menudo cuando se trabaja con varios marcos, cuyo propósito es reducir el número de propiedades directamente en la hoja de estilo y mostrarlas en el documento de Internet en sí. Además, tal entrada ocurre a menudo cuando se ve la página "inspector de código". Es importante recordar que utilizando este enfoque, puede cambiar la propiedad y su valor, escrito en la hoja de estilo. Por lo tanto, debe tener cuidado, ya que al final puede crear problemas adicionales para usted y dedicar un tiempo a buscar y corregir errores en el código de la página.

Javascript

También vale la pena mencionar el adicionalLa posibilidad de cambiar esta propiedad. Se refiere no a la hoja de estilo y al código html, sino al lenguaje de scripting. Por lo tanto, para su aplicación, debe tener al menos algún conocimiento en esta área. Para eliminar un elemento de la secuencia de documentos, puede utilizar la propiedad de JavaScript "display = none". Le permite cambiar la estructura del documento cuando ocurre un evento determinado. Además, mediante el uso de scripts, puede cambiar dinámicamente (sobre la marcha) el parámetro de propiedad y, por lo tanto, actualizar la vista de la página sin necesidad de volver a cargarla. Este enfoque es útil para organizar menús desplegables, ventanas modales y formularios.

SEO

En el campo de la optimización de contenido web para búsqueda.En los autos hay muchas supersticiones y puntos poco claros. Por lo tanto, muchos recién llegados a los SEO consideran que usar la propiedad "mostrar" es una mala manera. Explican esto por el hecho de que los motores de búsqueda, al ver contenido oculto, comienzan a considerar la página como spam. Hay un poco de lógica en sus palabras, pero no más. En este momento, la propiedad de ocultación de objetos se usa con bastante frecuencia para dar formato a los menús desplegables y ocultar partes del documento que no son interesantes para el usuario en este momento (por ejemplo, si selecciona una categoría, se elimina la información sobre otras). Este enfoque se utiliza en portales de Internet bastante potentes (uno de ellos, "Amazon"). Por lo tanto, los robots de los motores de búsqueda no pueden considerar el uso de la propiedad "mostrar: ninguna" como spam.

Otra cosa cuando este enfoque se utiliza paraOculta palabras y personajes individuales. A pesar del hecho de que ahora los robots de búsqueda aún no tienen algoritmos perfectos para reconocer dicho "spam" en los documentos, la probabilidad de que la página se vea atrapada en este es bastante alta. Por lo tanto, se recomienda usar la propiedad "mostrar" estrictamente de acuerdo con su propósito: cambiar el tipo de bloque o ocultarlo temporalmente a los ojos del usuario.