1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang=en-us>
<head>
<title>DL - Definition List</title>
<link rev=Made href="mailto:liam@htmlhelp.com">
<link rel=Start href="../index.html">
<link rel=Glossary href="../../glossary/glossary.html">
<link rel=Copyright href="../../copyright.html">
<link rel=StyleSheet href="../style.css" type="text/css">
<link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="Liam Quinn">
<meta name="description" content="A description of HTML 4.0's DL element for definition lists.">
<meta name="keywords" content="DL, dl element, definition list, lists, list, definitions, terms, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <dl> tag, <DL> tag">
<script type="text/javascript">
<!--
function toggle() {
if (document.all.toggler.value == "Hide non-strict elements and attributes") {
document.styleSheets[0].addRule("div.transitional", "display:none");
document.styleSheets[0].addRule("span.transitional", "display:none");
document.styleSheets[0].addRule("li.transitional", "display:none");
document.styleSheets[0].addRule(".transitional", "speak:none");
document.all.toggler.value = "Show non-strict elements and attributes";
} else {
document.styleSheets[0].addRule("div.transitional", "display:block");
document.styleSheets[0].addRule("span.transitional", "display:inline");
document.styleSheets[0].addRule("li.transitional", "display:list-item");
document.styleSheets[0].addRule(".transitional", "speak:inherit");
document.all.toggler.value = "Hide non-strict elements and attributes";
}
}
// -->
</script>
</head>
<body>
<h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
<h1>DL - Definition List</h1>
<script type="text/javascript">
<!--
if (document.styleSheets) {
var gt;
gt = unescape(new String("%3E"));
document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements and attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
}
// -->
</script>
<table>
<tr valign=top>
<th>Syntax</th>
<td><strong class=required><DL></strong>...<strong class=required></DL></strong></td>
</tr>
<tr valign=top>
<th>Attribute Specifications</th>
<td>
<ul>
<li class=transitional>COMPACT (compact display)</li>
<li><a href="../attrs.html">common attributes</a></li>
</ul>
</td>
</tr>
<tr valign=top>
<th>Contents</th>
<td>One or more <a href="dt.html">DT</a> or <a href="dd.html">DD</a> elements</td>
</tr>
<tr valign=top>
<th>Contained in</th>
<td><span class=transitional><a href="../special/applet.html">APPLET</a>, </span><a href="../block/blockquote.html">BLOCKQUOTE</a>, <a href="../html/body.html">BODY</a>, <a href="../forms/button.html">BUTTON</a>, <span class=transitional><a href="../block/center.html">CENTER</a>, </span><a href="dd.html">DD</a>, <a href="../phrase/del.html">DEL</a>, <a href="../block/div.html">DIV</a>, <a href="../forms/fieldset.html">FIELDSET</a>, <a href="../forms/form.html">FORM</a>, <span class=transitional><a href="../special/iframe.html">IFRAME</a>, </span><a href="../phrase/ins.html">INS</a>, <a href="li.html">LI</a>, <a href="../special/map.html">MAP</a>, <span class=transitional><a href="../frames/noframes.html">NOFRAMES</a>, </span> <a href="../block/noscript.html">NOSCRIPT</a>, <a href="../special/object.html">OBJECT</a>, <a href="../tables/td.html">TD</a>, <a href="../tables/th.html">TH</a></td>
</tr>
</table>
<p>The <strong class=html>DL</strong> element defines a <em>definition list</em>. An entry in the list is created using the <strong class=html><a href="dt.html">DT</a></strong> element for the term being defined and the <strong class=html><a href="dd.html">DD</a></strong> element for the definition of the term.</p>
<p>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.</p>
<p>An example follows:</p>
<pre class=example><code class=html><strong><DL></strong>
<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>
<strong></DL></strong></code></pre>
<p>The <strong class=html>DL</strong> element can be adapted for use with structures that are not strict terms and definitions, a practice that is justified when other <abbr class=initialism title="HyperText Markup Language">HTML</abbr> elements cannot adequately describe a structure. Some examples follow:</p>
<ul class=example>
<li><pre><code class=html><H1>Community Calendar</H1>
<strong><DL CLASS=calendar></strong>
<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>
<strong></DL></strong></code></pre></li>
<li><pre><code class=html><strong><DL CLASS=play></strong>
<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>
<strong></DL></strong></code></pre></li>
</ul>
<p>Note the use of the <strong class=html><a href="../attrs.html#class">CLASS</a></strong> attribute in the preceding examples. This allows the author to easily suggest, through <a href="../../css/">style sheets</a>, a distinguishing presentation for different kinds of definition lists.</p>
<div class=transitional>
<p>In addition to the <a href="../attrs.html">common attributes</a> shared by most elements, <strong class=html>DL</strong> takes a <strong class=html>COMPACT</strong> attribute. This attribute, <a href="../deprecated.html">deprecated</a> in HTML4.0 and poorly supported among browsers, suggests that visual browsers render the list compactly, perhaps with reduced spacing between items.</p>
</div>
<h2>More Information</h2>
<ul>
<li><a href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-DL">DL in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTML4.0 Recommendation</a></li>
<li><a href="http://www.w3.org/TR/REC-html32#dl">DL in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTML3.2 Recommendation</a></li>
<li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.6.5">DL in HTML2.0 Standard</a></li>
<li><a href="../../wilbur/list/dl.html">DL in <abbr class=initialism title="Web Design Group">WDG</abbr> HTML3.2 Reference</a></li>
<li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.21.html">UL in <cite>Learning HTML3.2 by Examples</cite></a></li>
</ul>
<div class=footer>
<address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
<p class=toolbar><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="../index.html" rel=Start>HTML4.0Reference</a>~ <a href="../olist.html">ElementsbyFunction</a>~ <a href="../alist.html">ElementsAlphabetically</a></p>
<p class=copyright><a href="../../copyright.html">Copyright </a> 1998 Liam Quinn. All rights reserved.</p>
</div>
</body>
</html>
|
