Las propiedades de CSS para & amp; quot; display & amp; quot; y & amp; quot; visibilidad & amp; quot; ambos le permiten ocultar elementos en un HTML de page & amp; apos; s, pero difieren en sus implicaciones para su apariencia y función. Visibilidad: oculto oculta la etiqueta, pero aún ocupa espacio y afecta la página. En contraste, muestra: ninguno elimina la etiqueta y sus efectos para todas las intenciones y propósitos, pero la etiqueta permanece visible en el código fuente. Ambos enfoques son diferentes a simplemente eliminar los elementos en las preguntas del marcado HTML. Let & amp; apos; s mira los dos con más detalle.
Visibilidad
Uso de visibilidad : oculto oculta un elemento del navegador; sin embargo, ese elemento oculto aún vive en el código fuente. Básicamente, visibilidad: oculto hace que el elemento sea invisible para el navegador, pero aún permanece en su lugar y ocupa el mismo espacio si no lo hubiera ocultado.
Por ejemplo, si colocas a DIV en su página y use CSS para darle las dimensiones de 100 por 100 píxeles, la visibilidad: oculta la propiedad ocultará el DIV , pero el texto que sigue actuará como si fuera & amp;apos;s todavía allí, respetando ese espacio de 100 por 100.
La propiedad de visibilidad no se usa con mucha frecuencia, y ciertamente no por sí sola. Si usted y amp; apos; también están utilizando otras propiedades CSS, como el posicionamiento para lograr un diseño, puede usar visibilidad para ocultar ese elemento inicialmente, solo para revelarlo en vuelo estacionario. Ese es solo un uso posible de esta propiedad, pero nuevamente, su uso no es frecuente.
& lt; / img & gt ;
JuralMin / CC0 / pixabay
Pantalla
A diferencia de la propiedad de visibilidad, que deja un elemento en el flujo normal de documentos, muestra: ninguno esencialmente elimina el elemento completamente del documento. El elemento adjunto no ocupa ningún espacio, a pesar de que todavía está en el código fuente. En lo que respecta al navegador y los amplificadores, el artículo se ha ido. Esto puede ser útil; También puede ser perjudicial para su página si se usa mal.
Video destacado
Probar una página es un uso común para la visualización : ninguna . Si necesita un área para desaparecer un poco mientras prueba otras áreas de la página, muestra: ninguna hace el trabajo.
Si usa la etiqueta para realizar pruebas, recuerde eliminar la pantalla : ninguna antes de iniciar el sitio. Los motores de búsqueda y los lectores de pantalla no ven elementos etiquetados como este, a pesar de que permanecen en el marcado HTML. En el pasado, este era un método de sombrero negro para influir en las clasificaciones de los motores de búsqueda, por lo que los elementos que no se muestran ahora son banderas rojas para Google y otros motores de búsqueda.
Pantalla: ninguna encuentra la aplicación adecuada en escenarios en vivo. Por ejemplo, si usted y amp; apos; están construyendo un sitio receptivo, puede incluir elementos que están disponibles para un tamaño de pantalla pero no para otros. Puede usar display: ninguno para ocultar ese elemento y luego volver a encenderlo con consultas de medios más adelante. Este es un uso aceptable de la pantalla : ninguno porque usted y amp; apos; no están tratando de ocultar nada por razones nefastas, sino que tienen una necesidad legítima de hacerlo.
Para obtener más información sobre el uso de CSS, consulte la hoja de trucos de Lifewire & amp; apos; s.
& amp; # x203A; Informática
