<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;DL&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;DL&gt;...&lt;/DL&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML End Tag: Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The <span class="literal">dl</span> element is a part of the
<span class="literal">dl</span>, <span class="literal">dt</span>, <span class="literal">dd</span>
triumvirate of elements used to create a definition list in a
document. The entire list is bracketed by the <span class="literal">dl</span>
element's tags. Each definition term is denoted by a
leading <span class="literal">dt</span> element tag, and the definition for the
term is denoted by a leading <span class="literal">dd</span> element tag. A
schematic of a definition list sequence for three items looks like
the following:
</p><p>The entire list must close with an end tag for the encapsulating
<span class="literal">dl</span> element. Note that the <span class="literal">dl</span>
element is the container of the entire list, which means that
inheritable style sheet rules assigned to the <span class="literal">dl</span>
element apply to the nested <span class="literal">dt</span> and
<span class="literal">dd</span> elements. Unwanted inheritances can be
overridden in the <span class="literal">dt</span> and <span class="literal">dd</span>
elements.
</p><p>Although the HTML specification forces no particular way of rendering
a definition list, Navigator and Internet Explorer are in agreement
in left-aligning a <span class="literal">dt</span> element and indenting any
<span class="literal">dd</span> element that follows it. No special font
formatting or visual elements are added by the browser, but you are
free (if not encouraged) to assign styles as you like. If you want to
stack multiple terms and/or definitions, you can place multiple
<span class="literal">dt</span> and/or <span class="literal">dd</span> elements right
after each other in the source code.
</p><p>Because HTML is being geared toward context-sensitive tagging, avoid
using definition lists strictly as a formatting trick (to get some
indented text). Use style sheets and adjustable margin settings to
accomplish formatting.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;DL&gt;
    &lt;DT&gt;Z-scale&lt;/DT&gt;
    &lt;DD&gt;A railroad modeling scale of 1:220. The smallest mass-produced
    commercial model scale.&lt;/DD&gt;
&lt;/DL&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>)</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">compact</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Event Handler Attributes</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="compact">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">compact</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">compact</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>When set to <span class="literal">true</span> (by virtue of its presence in the
<span class="literal">dl</span> element tag), the <span class="literal">compact</span>
Boolean attribute instructs the browser to render a related
<span class="literal">dt</span> and <span class="literal">dd</span> pair on the same line
if space allows. The criterion for determining this space (as worked
out in both Navigator and Internet Explorer) is related to the amount
of indentation normally assigned to a <span class="literal">dd</span> element
(indentation size differs slightly with operating system). With
<span class="literal">compact</span> turned on, if the <span class="literal">dt</span>
element is narrower than the indentation space, the
<span class="literal">dd</span> element is raised from the line below and
displayed on the same line as its <span class="literal">dt</span> element.
Because the width of characters in proportional fonts varies so
widely, there is no hard-and-fast rule about the number of characters
of a <span class="literal">dt</span> element that lets the
<span class="literal">dd</span> element come on the same line. But this compact
styling is intended for <span class="literal">dt</span> elements consisting of
only a few characters. This attribute is deprecated in HTML 4, and
does not validate in strict HTML 4 or XHTML.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;DL compact&gt;<span class="replaceable">ListItems</span>&lt;/DL&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Presence of the attribute name enables the feature.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Off.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).compact </pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The language being used for the element's attribute
		values and content. A browser can use this information to assist in
		proper rendering of content with respect to details such as treatment
		of ligatures (when supported by a particular font or required by a
		written language), quotation marks, and hyphenation. Other
		applications and search engines might use this information to aid the
		selection of spell-checking dictionaries and the creation of indices.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-insensitive language code.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>Browser default.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
		</div>
</body>
</html>