-
¿Por qué hay huecos entre etiquetas div?
-
HyperText Markup Language (HTML) es un sistema de formato de documentos y no es un lenguaje de programación. Todas las páginas web están escritas en HTML, que traza el diseño de objetos en una página con etiquetas. La etiqueta "div" es una de las características del lenguaje de HTML. Se separa bloques de objetos de la página. Se puede mostrar un comportamiento extraño, como muestran las brechas, si el programador no entiende totalmente su configuración.Etiquetas
HTML utiliza etiquetas para indicar los efectos de fuente y las instrucciones de formato. Una etiqueta es un código contenido en el interior paréntesis angulares. Un par de texto envolvente pestañas u otras etiquetas para extender el alcance de su aplicación. Todo entre una etiqueta de apertura y cierre tiene la instrucción de código que se le aplica. La etiqueta de cierre es la misma que la etiqueta abierta, pero con una barra informar del código. Por lo tanto, la etiqueta "div" se abre con "<div>" y se cierra con "</ div>". La etiqueta de apertura puede incluir otras instrucciones que especifican el comportamiento del formato. Si los parámetros estándar se quedan fuera de la etiqueta, el navegador Web se aplicará el comportamiento de una etiqueta externa.
Las brechas entre Divs
Algunos navegadores, incluido Internet Explorer y Firefox, dejan espacios entre dos secciones de "div" cuando muestran en la pantalla. Esto puede ser molesto si un espacio en blanco muestra en el medio de un diseño que estaba destinado a tener un color de fondo constante. Algunos desarrolladores web sólo hay que poner al día con la brecha y alteran el diseño de la página para integrarlo. Sin embargo, las proporciones de la página serán diferentes según el cual el espectador navegador utiliza, ya que no todos los navegadores muestran este comportamiento. La diferencia es causada por el formato en el código HTML. Si la etiqueta de apertura "div" sigue un marcador de posición de imagen, el navegador muestra la nueva línea en el código como una línea en el diseño. La única manera de evitar esto es escribir la etiqueta de apertura "div" en el extremo de la línea que contenía el último marcador de posición de imagen.
Dentro de los espacios Divs
La etiqueta "div" tiene propiedades que incluyen "estilo". La configuración de aquella propiedad de una etiqueta "div" pueden causar espacios que se produzcan en el territorio de la división. Las opciones de estilo con influencia potencial sobre el espacio dentro de un bloque incluyen opciones de borde, relleno y alineación. Cualquiera de estas opciones puede causar texto u objetos al paso desde el borde del bloque, creando así espacios no deseados. La peculiaridad de Internet Explorer que coloca una brecha después de una imagen también se aplica dentro de los bloques "div", por lo que es necesario colocar el comienzo de la siguiente línea de código después de una imagen en la misma línea que el marcador de posición de imagen para eliminar las separaciones no deseadas.
Herencia
Si aparecen espacios alrededor o dentro de la pantalla creada por las etiquetas "div", sin ninguna instrucción para formar estos espacios, el espacio ha sido probablemente heredado de instrucciones creadas por las etiquetas que encierran la declaración "div". Otra causa podría ser por defecto del navegador. La etiqueta externa final es la declaración "<body>", que contiene toda la página. Ajuste todos los atributos posibles a cero en la declaración del cuerpo establece una línea de base para todo el documento, eliminando la posibilidad de que el navegador usando un efecto predeterminado en conflicto.
