¿Qué es un diseño DIV?

Tanto en HTML y CSS, "div" se refiere a la división o sección y se escribe como la etiqueta "<div>". El "<div>" diseño utiliza formato de bloque con el estilo de la página web, de la misma forma que las tablas tradicionales. Sin embargo, la disposición "<div>" define cada una de sus secciones, puede ser o bien un diseño fijo o fluido, y cuenta con diferentes atributos de etiqueta para definir aún más el diseño.

Contenedor de contenido

El código HTML en medio de la "<div"> Etiqueta inicial y "</ div>" etiqueta final está encerrada dentro del bloque de división, crear un contenedor de contenido. Estos bloques de contenedores de contenido son la estructura básica de un diseño "<div>". Tablas utilizan filas y columnas para crear contenedores de contenido, pero no son tan fáciles de modificar o manipular como el diseño "div". El diseño "<div>" se basa en bloques individuales de contenido, en lugar de una estructura superpuesta de filas y columnas.

Secciones de diseño

El diseño "<div>" no utiliza filas y columnas tradicionales dentro de una tabla grande. Por el contrario, la disposición "<div>" utiliza el "#header", "#footer" y "#leftcol", "#rightcol," o "#content"> etiquetas de sección para estructurar la página Web. Cada una de estas etiquetas de sección tiene su propia anchura, altura, márgenes, rellenos, colores de fondo y los colores de los enlaces. Además, cada una de estas secciones se puede dar un "id" de "cabecera", "pie", "columna izquierda" o "columna de la derecha", a continuación, colocado de nuevo en el diseño de página web. La disposición es flexible y bien adaptado a las páginas web de varias columnas.

Diseños fijos y de Fluidos

Un fijo "<div>" diseño sigue siendo el mismo tamaño independientemente del tamaño de la pantalla del ordenador es, mientras que un fluido "<div>" diseño expande y contrae con el tamaño de la pantalla del ordenador. Diseños fijos utilizan anchuras y alturas de píxel fijo para cada una de las secciones de contenido. diseños de fluido pueden utilizar cualquiera de los porcentajes para las dimensiones de sección, o utilizar la etiqueta de "flotar" flotar la disposición hacia la izquierda o la derecha. Las anchuras y alturas porcentuales están directamente relacionados con el tamaño de la pantalla del ordenador. Por ejemplo, una anchura de 80 por ciento hace que el "<div>" diseño para ocupar el 80 por ciento de la pantalla del ordenador.

Los atributos de la etiqueta

Diferentes atributos de etiqueta se pueden usar con la etiqueta "<div>" para modificar el diseño. El más común es "align", que alinea la disposición hacia la izquierda o la derecha. Otros atributos incluyen "clase", que define nombre de clase de un elemento, la etiqueta "id" la identificación de un elemento de diseño, la etiqueta de "estilo", que especifica un estilo en línea, y "título", que ofrece un título de elemento para el meta-información y SEO (optimización de motores de búsqueda).