Tecnología

Inicio

Cómo utilizar una envoltura Div

Cómo utilizar una envoltura Div


En los primeros días de Internet, las páginas web de contenido mixto y el formato en el mismo documento. Fue un sencillo - enfoque - si es menor que elegante. Las páginas Web que tenían múltiples paneles de contenido, como encabezados, pies de página y barras laterales, a menudo se utilizan tablas para controlar la disposición. Las nuevas normas prescriben el uso de divs en lugar de tablas para controlar el diseño, lo que permitió el formato a ser controlado externamente. Se hizo para más limpia - la carga y más rápido - contenido.

Div contenedoras Definido

En la jerga de Internet, un div es un elemento HTML, similar a la partida o en el párrafo etiquetas. La diferencia es que divs se utilizan sobre todo de "envolver" secciones de contenido, en lugar de ser contentan. Mientras que cualquier div puede ser una envoltura, en el uso convencional, el div envoltorio es aquella que contiene todos los demás contenidos en una página, incluyendo otros divs.

CSS al Rescate

Muchas páginas web modernas separar el contenido de formatear mediante el uso de hojas de estilo en cascada. archivos CSS dieron codificadores la flexibilidad para especificar los elementos de formato como fuentes y fondos independientemente del contenido. También les dio la posibilidad de tener un control de archivos CSS el formato de potencialmente cada página del sitio web. El cambio se convirtió en una fuente tan simple como la actualización de una sola línea en la hoja de estilo.

El uso de la envoltura

Es posible utilizar un div para encerrar el encabezado o en el menú de navegación. La ventaja de este enfoque es que se puede asignar un ID o clase a la que la envoltura, que permite que se destinan y su contenido mediante la invocación de la identificación o nombre de clase en el CSS. Puede ajustar los elementos de navegación, por ejemplo, en un div y darle la clase "menú". Luego, en el CSS, puede especificar atributos que sólo se aplican a la div "menú", e ignorar todo lo demás en la página. Su código HTML podría tener este aspecto:

<Div class = "Menú">
... El contenido del menú va aquí
</ Div>

Luego, en el CSS, que puede estilo, así:

div.menu {... código CSS va aquí}