div Element

Module

The div element is a block-level element declared by the XHTML 1.1 Text Module (Block Structural)

Elements in the Text Module are:
span | br (Inline Structural Support Module)
em | strong | q | cite | abbr | acronym | code | var | kbd | samp | dfn (Inline Phrasal Support Module)
div | p (Block Structural Support Module)
h1 - h6 | blockquote | pre | address (Block Phrasal Support Module)

Description

The div element is used as a general block level container, where content can be grouped without there being any intrinsic significance to the tag. Attributes of the div element can be used to assign a class or id (for reference within a style sheet or script) or to add a title. Another useful attribute is xml:lang, which allows a particular language to be associated with the content of the div.

<div id="mainmenu" class="menu">
  <h2>Main Menu</h2>
  <ul>
    <li><a href="option1.html">Menu Option 1</a></li>
    <li><a href="option2.html">Menu Option 2</a></li>
  </ul>
</div>

See also the span element, which is the inline equivalent of div.

#REQUIRED Attributes

There are no #REQUIRED attributes on the div element.

Specific Attributes

There are no specific attributes declared on the div element.

Common Attributes

From the Core Attribute Collection

class [ type NMTOKENS ]

One or more space separated classes

id [ type ID ]

A unique identifier for the element

style [ type CDATA ], from the Style Attribute Module (deprecated)

Element-specific styles

title [ type Text ]

Descriptive title for the element (in some user agents this may appear as a "tooltip" when the mouse hovers over the element)

xmlns [ type URI - #FIXED 'http://www.w3.org/1999/xhtml' ]

XML namespace

From the I18N Attribute Collection

dir [ type Enumeration (ltr | rtl) ], from the Bi-directional Text Module

Left-to-right or right-to-left directionality

xml:lang [ type LanguageCode ]

A language code for the element

From the Events Attribute Collection

All attributes in the Events Attribute Collection are supported:
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Content Model

( #PCDATA | Flow.mix )*

See Content Model & Nesting for information about Content Model syntax and Nesting Groups.

Valid children of div

• #PCDATA
• From the Text Module: abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1 - h6, kbd, p, pre, q, samp, span, strong, var
• From the Hypertext Module: a
• From the List Module: dl, ol, ul
• From the Tables Module: table
• From the Forms Module: button, fieldset, form, input, label, select, textarea
• From the Images Module: img
• From the Presentation Module: b, big, hr, i, small, sub, sup, tt
• From the Client-side Image Map Module: map
• From the Scripting Module: noscript, script
• From the Edit Module: del, ins
• From the Bi-directional Text Module: bdo
• From the Object Module: object
• From the Ruby Annotation Module: ruby

Valid parents of div

• From the Structure Module: body
• From the Text Module: blockquote, div
• From the List Module: dd, li
• From the Tables Module: td, th
• From the Forms Module: button, fieldset, form
• From the Client-side Image Map Module: map
• From the Scripting Module: noscript
• From the Edit Module: del, ins
• From the Object Module: object