The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.
This article is In Progress.
The div element (<div>) is a generic block-level container that has no semantic value other than the one that you give it via
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>
|HTML 5.1||W3C Working Draft|
|HTML 5||W3C Recommendation|
|HTML 4.01||W3C Recommendation|