¿Qué son las etiquetas DIV?

Las etiquetas DIV son códigos que definen una sección en un documento HTML (HyperText Markup Language). 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 en absoluto 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 conjuntamente.

Una etiqueta DIV inicial especifica que "esta sección de código comienza aquí" y la etiqueta DIV final dice "este segundo 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.
<div style = "color: # 610B0B;">
<h1> Este es el encabezado en esta sección div, que aparecerá en texto burdeos. </h1>
<p> <b> Este es un párrafo en esta sección div, que no solo aparecerá en texto burdeos sino también en negrita. </b> </p>
</div>
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 enteros de contenido en una página web hacia la izquierda, 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 de páginas web novatos, 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 más 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 garantizar 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 juicioso de la etiqueta DIV al codificar HTML, o de lo contrario tiende a causar una pérdida de lo que la etiqueta debía crear: claridad. Se debe tener cuidado de no dejar 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.