The div element (<div>) is a generic block-level container that has no semantic value other than the one that you give it via id or class attributes. It can be used for a variety of purposes including the styling of common elements, or for grouping elements with common attributes.
The div tag contains no native semantics, and is only effectively used for styling purposes.
This example shows two DIVs, one inside the other, that define a main content section, then a subsection within that. Each DIV is semantically defined using a class or ID.
<div id="mainContent"> <h1>The HTML Times</h1> <div class="sportsSection"> <h2>Sports</h2> </div> </div>