Los espacios en blanco se refieren a valores vacíos o en blanco en el código que el navegador lee y representa. Html tiene una característica especial de colapsar estos espacios en blanco. Si coloca espacios en blanco adicionales/consecutivos o saltos de línea en el código, se considerará como un espacio en blanco, esto se conoce como colapso de espacios en blanco. En este artículo, discutiremos las ventajas de colapsar espacios en blanco en HTML .
Ventajas de colapsar los espacios en blanco:
- Mientras escribe el HTML para su página web, desea que el código sea más comprensible/legible para los usuarios.
- La contracción de los espacios en blanco reduce el tiempo de transmisión entre el servidor y el cliente porque las funciones de contracción eliminan bytes innecesarios que están ocupados por los espacios en blanco.
- Por error, si deja un espacio en blanco adicional , el navegador lo ignorará y mostrará la interfaz de usuario perfectamente.
Ejemplo 1: El siguiente ejemplo muestra el ejemplo básico para contraer espacios en blanco. La etiqueta h1 contiene mucho espacio entre el formulario corto y el formulario completo. Si ejecuta este código en el navegador, verá el siguiente resultado. Todo el espacio en blanco entre los dos se ha convertido en un solo espacio en blanco.
HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Welcome to GFG. GeeksforGeeks.</h1> </body> </html>
Producción:
Espacio_blanco_contraído
Ejemplo 2: El siguiente ejemplo muestra una array 2D de tipo entero en código como una estructura con cada fila en una línea diferente. Si ve el resultado, aparecerá en una línea con todos los espacios en blanco contraídos.
HTML
<!DOCTYPE html> <html> <body> <h1>Example of a 2 D Array of Integers : [ [1,2,3,4,5], [6,7,8,9,10] ] </h1> </body> </html>
Producción:
Espacio_blanco_contraído
Publicación traducida automáticamente
Artículo escrito por namankedia y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA