Debe usarlo para asegurarse de que su estructura HTML sea fácil de mantener y tenga el formato DOM correcto.

Un contenedor es un elemento, comúnmente un div, que encierra uno o más
elementos en el marcado HTML, por ejemplo:

Los propósitos de los envoltorios son varios, incluyendo:

• para agrupar elementos semánticamente, por ejemplo para separar el encabezado de página
  del texto del cuerpo de la barra lateral del pie de página.
• para agrupar elementos cosméticamente, como con un borde circundante o un
  Imagen de fondo común o color.
• para agrupar elementos en el diseño, como mantenerlos a todos en la misma columna
  cuando las columnas flotan una al lado de la otra.
• para habilitar un posicionamiento especial, como cuando se da una envoltura relativa
  posicionamiento para contener elementos secundarios con posicionamiento absoluto.
• para que sea más conveniente especificar elementos en CSS y JavaScript mediante
  refiriéndose a sus padres, sin tener que identificar o clasificar a cada niño
  elemento, como en:

div # wrap h1 {…}
div # wrap p {…}
var aKids = document.getElementById (“wrap”). childNodes;