Cuál es la ventaja de una etiqueta DIV?

elementos HTML modelar los elementos de contenido dentro de las páginas Web. La utilización de elementos, los desarrolladores pueden crear páginas con estructuras lógicas específicas y las propiedades de presentación. La etiqueta "div" es uno de los elementos más comunes en las páginas Web. Una etiqueta "div" representa una sección de una página y puede contener texto, datos, medios de comunicación u otros elementos, entre otros elementos anidados "div". Mediante el uso de elementos "div", los desarrolladores pueden crear sitios que sean consistentes en apariencia y susceptibles de desarrollo futuro.

Estructura

Las tecnologías implicadas en la construcción de un sitio web de contenido independiente de formato. Los elementos "div" en una página web permiten al desarrollador para modelar cada sección del artículo y el contenido de la página, la creación de una estructura lógica para la página en su conjunto. El código de marcado HTML siguiente ejemplo muestra un elemento "div" con otros elementos anidados dentro de ella:

<Div class = "externo">

Aquí es un poco de texto.

<Div class = "interior">

<Img alt = "una imagen" />

Aquí es más texto.

</ Div>

</ Div>

Cuando los desarrolladores web crear páginas inicialmente, pueden insertar el contenido de la página, con cada sección rodeada por las etiquetas "div", lo que les permite agregar contenido y el estilo más código de forma incremental.

Variantes HTML

Antes de XHTML, las versiones anteriores de marcado HTML incluyen a veces información relacionada con la presentación más que de contenido. XHTML tiene como objetivo crear páginas en el que el contenido y el estilo se determinan en diferentes lugares dentro del código general de una página web o un sitio. La etiqueta "div" es un elemento importante dentro de este estilo de desarrollo Web, debido a que el elemento está diseñado exclusivamente para definir una sección de una página, en lugar de aplicar determinadas propiedades de apariencia a la misma. Esto significa que los elementos "div" pueden ayudar a los desarrolladores para crear páginas que son de mayor calidad y más fiable a través de navegadores web.

Diseño

Cuando un desarrollador crea una página web con una serie de elementos "div" en ella, ella puede usar el código de Cascading Style Sheet para determinar cómo estas secciones de contenido se mostrarán a los usuarios que visualizan la página en un navegador Web. CSS permite a los desarrolladores aplican posicionamiento y diseñar propiedades a los elementos en una página, en relación el uno al otro. El siguiente ejemplo de código CSS dicta que algunos elementos deben ser flotados en la misma línea horizontal que unos a otros;

div.outer

{Width: 100%; }

div.inner

{Width: 400px; flotador izquierdo; }

div.inner img

{ flotador izquierdo; }

Cuando se aplica a todo el contenido HTML de ejemplo, estas declaraciones causarán el contenido que aparezca al lado del otro, en vez de con los saltos de línea entre los elementos "div", que es su estilo por defecto como elementos de bloque.

Estilo

código CSS se puede aplicar varias propiedades de peinado a elementos "div", además de la determinación de su disposición dentro de la página. El uso de atributos de clase y de identificación, los desarrolladores pueden crear estilos similares a través de los grupos de elementos dentro de un sitio completo. Por ejemplo, si una página web contiene una gran cantidad de imágenes con leyendas que aparecen al lado de ellos y el desarrollador desea aplicar las mismas propiedades de estilo para estas secciones de subtítulos, se puede lograr el resultado deseado mediante la colocación de cada sección del texto de los subtítulos dentro de un elemento "div" con un atributo de clase en particular, como sigue:

<Div class = "capt"> Aquí está el texto de la leyenda. </ Div>

El código CSS a continuación, puede identificar y estilo de estas secciones para todo el sitio de la siguiente manera:

div.capt {

font-size: small;

color: # 333333;

}