|Contents||One or more DT or DD elements|
|Contained in||APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH|
A definition list can have multiple terms for a given definition as well as multiple definitions for a given term. Authors can also give a term without a corresponding definition, and vice versa, but such a structure rarely makes sense.
An example follows:
<DL> <DT>Block-level elements</DT> <DD> <P> In HTML, block-level elements may generally contain inline elements and other block-level elements. They are usually formatted differently than inline elements, typically on a new line in visual browsers. </P> </DD> <DT>Inline elements</DT> <DT>Text-level elements</DT> <DD> <P> Inline (or text-level) elements generally only contain character data and other inline elements. </P> </DD> </DL>
The DL element can be adapted for use with structures that are not strict terms and definitions, a practice that is justified when other HTML elements cannot adequately describe a structure. Some examples follow:
<H1>Community Calendar</H1> <DL CLASS=calendar> <DT>March 8</DT> <DD> The Symphony Orchestra presents <CITE>A Rising Star</CITE> at the Anderson Center. Call 555-1234 for details. </DD> <DT>March 10</DT> <DD> Bereaved Families Support Night, 7:00 to 9:00 at 523 Main <ABBR TITLE=Street>St.</ABBR> </DD> </DL>
<DL CLASS=play> <DT>Brutus</DT> <DD CLASS="role Brutus"> <P> I kiss thy hand, but not in flattery, Caesar;<BR> Desiring thee that Publius Cimber may<BR> Have an immediate freedom of repeal. </P> </DD> <DT>Caesar</DT> <DD CLASS="role Caesar"> <P> What, Brutus! </P> </DD> <DT>Cassius</DT> <DD CLASS="role Cassius"> <P> Pardon, Caesar; Caesar, pardon:<BR> As low as to thy foot doth Cassius fall,<BR> To beg enfranchisement for Publius Cimber. </P> </DD> </DL>
In addition to the common attributes shared by most elements, DL takes a COMPACT attribute. This attribute, deprecated in HTML 4.0 and poorly supported among browsers, suggests that visual browsers render the list compactly, perhaps with reduced spacing between items.
Click Here for InfiniteSurf.com Homepage