HTML Etiqueta DIV

 1\. ¿Qué es un `<div>`?

El término proviene de **"division"** (división). Es un elemento de nivel de bloque (**block-level**), lo que significa que, por defecto, comienza en una línea nueva y ocupa todo el ancho disponible en su contenedor.

Es un **contenedor genérico**. A diferencia de etiquetas como `<article>` o `<header>`, el `<div>` no tiene ningún significado semántico; no le comunica al navegador ni a las herramientas de accesibilidad qué tipo de contenido contiene. Simplemente sirve como un "caja" para agrupar otros elementos.
 

                                           Photo by sarah b on Unsplash

2\. Sintaxis

Al ser un contenedor, requiere siempre una etiqueta de apertura y una de cierre:

html

```
<div class="contenedor-principal">
  <h1>Título de la sección</h1>
  <p>Este texto está agrupado dentro de un div.</p>
</div>
```
3\. ¿Por qué se utiliza?

Aunque no tenga significado semántico, su uso es indispensable en el desarrollo web por las siguientes razones:

- **Estilos (CSS):** Es el uso más común. Al asignar una clase (`class`) o un identificador (`id`) a un `<div>`, se pueden aplicar estilos visuales a todo el grupo de elementos que contiene (por ejemplo, para crear tarjetas de productos, barras laterales o paneles).
- **Diseño (Layout):** Históricamente, los `<div>` han sido la herramienta principal para dividir las páginas en secciones, permitiendo organizar la estructura visual del sitio.
- **Manipulación con JavaScript:** Los desarrolladores utilizan los `<div>` como puntos de referencia para acceder, modificar o interactuar con un bloque específico de contenido mediante scripts.

- **Regla de oro:** Se deben utilizar etiquetas semánticas siempre que sea posible para mejorar la accesibilidad (lectores de pantalla) y el posicionamiento en buscadores (SEO).

- **Cuándo usar `<div>`:** Se recomienda utilizarlo únicamente cuando no existe ninguna otra etiqueta semántica que describa adecuadamente el propósito del contenedor, o simplemente cuando se necesite un agrupador puramente visual para aplicar estilos.

 Ejercicios

Agregar etiquetas div en su sitio web teniendo en cuenta la teoría explicada en este artículo