Estructura HTML DIV

elementos HTML div permiten a los desarrolladores para dividir una página Web en secciones. El elemento div no proporciona ninguna presentación o comportamiento especialista, sino simplemente define una sección de una estructura de HTML más grande. Para incluir estos elementos en las páginas web, los desarrolladores pueden utilizar etiquetas div. Un elemento div en una página puede contener cualquier tipo de contenido web, incluyendo texto y medios de comunicación. El elemento div también puede incluir atributos opcionales como parte de su estructura de marcas.

elemento Etiquetas

El elemento div en HTML utiliza una etiqueta de apertura, parte del contenido, a continuación, una etiqueta de cierre. El marcado siguiente ejemplo muestra un elemento div sencillo con un poco de texto en su interior:

<Div> Algunos contenido de la página web </ div>

El contenido del div es todo lo que aparece entre las etiquetas de apertura y cierre. En XHTML, las etiquetas div sólo deben contener caracteres en minúscula. Si un elemento div no incluye la apertura y el cierre de etiquetas, no es válida y puede causar errores cuando los usuarios navegar a la página.

Contenido

El elemento div no está diseñado para contener cualquier tipo de contenido, por lo que un div puede definir secciones de página de texto, datos, imágenes, vídeo y otros elementos multimedia. Un elemento div también puede contener otros elementos HTML dentro de él, incluyendo otros elementos div. El objetivo principal en el uso de un div es crear una sección de página bien definido. Los desarrolladores a menudo utilizan elementos div para ayudar a aplicar los diseños de página y los diseños en combinación con el código de Cascading Style Sheet.

atributos

En HTML, elementos div pueden incluir atributos. Los atributos proporcionan información adicional acerca de un elemento y aparecen dentro de la etiqueta de elemento de apertura. El siguiente código muestra un div con un atributo ID:

<Div id = "contenido"> Contenido de la página </ div>

Este atributo podría ayudar a crear un diseño de página si el código CSS para el sitio que identifica, de la siguiente manera:

contenidos {color: # 333333;}

atributos ID identifican elementos única dentro de una página Web, por lo que el mismo valor de atributo ID no deben aparecer más de una vez dentro de la misma página. Los desarrolladores también pueden crear grupos de elementos a los efectos de que labra en el uso de CSS atributos de clase. El elemento div puede tomar una serie de atributos adicionales, incluyendo detectores de eventos que especifican las funciones de JavaScript para ejecutar la interacción del usuario.

anidación

elementos HTML div pueden aparecer dentro de las estructuras anidadas. El siguiente código de ejemplo muestra que incluye un elemento de imagen dentro de un elemento div:

<Div> <img alt = "gato" /> </ div>

Un div también puede incluir elementos div niño en ella, en cuyo caso el div que rodea es el elemento principal. La siguiente sintaxis muestra elementos div anidados:

<Div class = "fuera">

<Div class = "dentro"> Algunos de los contenidos en el interior </ div>

<Div class = "dentro"> Algunos de los contenidos más en el interior </ div>

</ Div>

estructuras anidadas son comunes en HTML, pero puede causar a los desarrolladores hacer errores en su código de marcado, que pueden afectar negativamente a la apariencia de una página en el navegador. Validar las páginas web puede ayudar a hacer frente a estos errores.