div

Summary

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.

Overview Table

DOM Interface

HTMLDivElement

The div tag contains no native semantics, and is only effectively used for styling purposes.

In some cases, other elements may be more suitable, like article, section, fieldset, nav, header, footer, or main

Examples

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>

Related specifications

HTML 5.1

W3C Working Draft

HTML 5

W3C Recommendation

HTML 4.01

W3C Recommendation

See also

Related articles

HTML

• user-modify

• textLength

• value

• accept

• action

• alt

• autocomplete

• autofocus

• checked

• crossorigin

• form

• formEnctype

• height

• list

• max (HTMLInputElement)

• maxLength

• min

• multiple

• readonly

• size

• standby

• step

• HTML Elements

• !DOCTYPE

• !DOCTYPE

• acronym

• b

• b

• br

• br

• button

• button

• caption

• cite

• code

• col

• colgroup

• datalist

• del

• dfn

• div

• em

• EMBED

• fieldset

• font

• footer

• head

• hn

• hr

• html

• i

• img

• input

• ins

• kbd

• legend

• mark

• option

• p

• samp

• script

• span

• strong

• table

• tbody

• td

• tfoot

• th

• time

Attributions

• Mozilla Developer Network : Article

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]