Manual de referencia HTML

Todo el catálogo de etiquetas HTML

HTML: <i> etiqueta Etiqueta <dir> de HTML

Etiqueta <div> de HTML

La etiqueta HTML <div> define un contenedor genérico en el documento HTML, que se utiliza generalmente para agrupar elementos. Esta etiqueta también se conoce como el elemento <div>.

Ejemplo en línea

En el documento se crearon tres etiquetas <div>:

Ejemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Uso de la etiqueta div (Tutoriales básicos de la web oldtoolbag.com)</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
　　<h2>Primer Div</h2>
　　<p>Este texto aparecerá en la sección Div del documento</p>
</div>
<div class="div_class">
　　<h2>Segundo Div con clase aplicada</h2>
　　<p>Este texto aparecerá en la sección Div del documento</p>
</div>
<div id="div_id">
　　<h2>Tercer Div con id aplicado</h2>
　　<p>Este texto aparecerá en la sección Div del documento</p>
</div>
</body>
</html>

Prueba para ver ‹/›

En este HTML5En el ejemplo de documento, creamos tres etiquetas <div>. La primera etiqueta <div> no aplica ninguna clase o ID. La segunda etiqueta <div> aplica una clase llamada div_class a la etiqueta <div>. La tercera etiqueta <div> aplica un ID llamado div_id a la etiqueta <div>.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <div>.

Definición y explicación de uso de la etiqueta

La etiqueta <div> se utiliza generalmente para agrupar elementos.

La etiqueta <div> define un bloque o una sección parte de un documento HTML.

La etiqueta <div> se utiliza a menudo para combinar elementos de bloque, para que puedan ser formateados mediante CSS.

Consejos y advertencias

Consejo:Los elementos <div> se utilizan a menudo junto con CSS para el diseño de la página web.

Nota:Por defecto, los navegadores generalmente colocan un salto de línea antes y después del elemento <div>. Sin embargo, puede cambiar esto utilizando CSS.

HTML 4.01 Y HTML5Las diferencias entre

HTML5 No se admite el atributo align.

En HTML 4.01 En, el atributo align ya está descontinuado.

Atributo

Atributo	Valor	Descripción
align	left right center justify	HTML5 No se admite. HTML 4.01 Descontinuado. 　　Especificar el modo de alineación del contenido dentro del elemento <div>.

Atributos globales

Soporta <div> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporta <div> etiqueta Atributos de eventos de HTML.