Las etiquetas DIV son códigos que definen una sección en un documento HTML (lenguaje de marcado de hipertexto). Una sección en HTML también se puede describir como una «división», que es el origen de la abreviatura utilizada para el nombre de la etiqueta DIV.
Las etiquetas DIV, como las etiquetas SPAN, no aplican significado al contenido como es el caso con la mayoría de HTML. Por ejemplo, «P» crea un párrafo, «B» crea negrita y «H» crea un encabezado. DIV en realidad no hace nada por sí mismo; simplemente define un bloque de contenido en la página al que se pueden aplicar otros atributos globalmente. Las etiquetas DIV indican que un bloque de código pertenece.
Una etiqueta DIV inicial especifica que «esta sección de código comienza aquí» y la etiqueta DIV final indica, «esta sección de código termina aquí». Al definir secciones de una página web en secciones claramente delineadas, es mucho más fácil administrar y manipular el código. Las etiquetas DIV se pueden usar junto con otros códigos, como el código STYLE, para aplicar un atributo a una sección completa. Por ejemplo:
***
Este es un texto negro, que viene antes de la siguiente sección de etiqueta DIV de texto burdeos.
Este es un párrafo en esta sección div, que no solo aparecerá en texto burdeos sino también en negrita.
Este es un texto más negro, que aparece después de la sección en texto burdeos.
***
Otro uso común de la etiqueta DIV es alinear bloques completos de contenido en una página web a la izquierda, a la derecha o en el centro de la página. Además de «alinear», otros atributos de uso frecuente asignados por una etiqueta DIV son: id, class, title, style, dir y lang. Para los autores novatos de páginas web, es importante recordar que la etiqueta DIV no debe usarse como reemplazo de la etiqueta P (párrafo). La etiqueta P solo debe usarse para párrafos individuales, mientras que la etiqueta DIV debe usarse para definir secciones o divisiones más grandes y generales de un documento.
Las etiquetas DIV se pueden anidar, lo que significa que puede tener un conjunto inicial y final de etiquetas DIV dentro de otro conjunto. Se debe tener cuidado para asegurarse de que cualquier codificación agregada se coloque dentro del conjunto correcto de etiquetas DIV. También es importante tener en cuenta que los navegadores web suelen colocar un salto de línea antes y después de un elemento DIV cuando muestra una página web que lo contiene. Esto debe tenerse en cuenta al diseñar el código circundante.
Los autores de sitios web experimentados recomiendan el uso prudente de la etiqueta DIV al codificar HTML, o de lo contrario tiene una tendencia a causar una pérdida de lo que la etiqueta estaba destinada a crear: claridad. Se debe tener cuidado de no permitir que la “divitis”, como los codificadores experimentados llaman al uso excesivo de etiquetas DIV, confunda y complique demasiado la codificación de la página web.