
Un elemento div es un contenedor genérico de contenido que no es específico, que se puede usar para agrupar elementos con fines tales como formatear (usando las propiedades class
o id
), crear una nueva sección en el documento en otro idioma (usando la propiedad lang
).
Ejemplo de uso del elemento <div>
:
< div > < p > Aquí se puede colocar cualquier tipo de contenido, incluidas tablas, etc. </ p > </ div >
Elemento div
Clasificaciones de contenido | Elemento organizativo. |
---|---|
Contenido permitido | Elemento organizativo. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido organizacional, además del elemento <dl> . |
Interfaz DOMO | HTMLDivElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento se pueden utilizar propiedades globales.
La función está align
desactualizada, obsoleta y no es compatible con HTML5, así que no la use.
Descripción de uso
El elemento sólo debe usarse <div>
si ningún elemento organizativo es similar <article>
o <nav>
apropiado.
Ejemplos del uso
Un ejemplo del uso del elemento <div> para formatear una parte de un documento que contiene un párrafo ( <p>
) y una tabla ( <table>
):
< div id = "styled-div" > < p > Este es un contenido dentro del elemento < div > </ p > < table > < tr > < th > primera columna </ th > < th > segunda columna </ th > </ tr > < tr > < td > primera celda </ td > <td> celda </ td > </ tr > </ table > </ div >
Código CSS utilizado para formatear el elemento:
#styled-div { background-color: #fcfcfc; border: 1px solid #ccc; padding: 0.5em 1em; }
Formato predeterminado
La mayoría de los navegadores muestran el elemento <div>
con la propiedad establecida display
en block
:
div { display: block; }
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML