home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0160.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  8.8 KB  |  165 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  2.    "http://www.w3.org/TR/REC-html40/strict.dtd">
  3. <html lang=en-us>
  4. <head>
  5. <title>DL - Definition List</title>
  6. <link rev=Made href="mailto:liam@htmlhelp.com">
  7. <link rel=Start href="../index.html">
  8. <link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html">
  9. <link rel=Copyright href="http://www.htmlhelp.com/copyright.html">
  10. <link rel=StyleSheet href="../style.css" type="text/css">
  11. <link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
  12. <meta http-equiv="Content-Script-Type" content="text/javascript">
  13. <meta name="author" content="Liam Quinn">
  14. <meta name="description" content="A description of HTML 4.0's DL element for definition lists.">
  15. <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">
  16. <script type="text/javascript">
  17. <!--
  18. function toggle() {
  19.   if (document.all.toggler.value == "Hide non-strict elements and attributes") {
  20.      document.styleSheets[0].addRule("div.transitional", "display:none");
  21.      document.styleSheets[0].addRule("span.transitional", "display:none");
  22.      document.styleSheets[0].addRule("li.transitional", "display:none");
  23.      document.styleSheets[0].addRule(".transitional", "speak:none");
  24.      document.all.toggler.value = "Show non-strict elements and attributes";
  25.   } else {
  26.      document.styleSheets[0].addRule("div.transitional", "display:block");
  27.      document.styleSheets[0].addRule("span.transitional", "display:inline");
  28.      document.styleSheets[0].addRule("li.transitional", "display:list-item");
  29.      document.styleSheets[0].addRule(".transitional", "speak:inherit");
  30.      document.all.toggler.value = "Hide non-strict elements and attributes";
  31.   }
  32. }
  33. // -->
  34. </script>
  35. </head>
  36. <body>
  37. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  38. <h1>DL - Definition List</h1>
  39. <script type="text/javascript">
  40. <!--
  41.   if (document.styleSheets) {
  42.     var gt;
  43.     gt = unescape(new String("%3E"));
  44.  
  45.     document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements and attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
  46.   }
  47. // -->
  48. </script>
  49. <table>
  50.   <tr valign=top>
  51.     <th>Syntax</th>
  52.     <td><strong class=required><DL></strong>...<strong class=required></DL></strong></td>
  53.   </tr>
  54.   <tr valign=top>
  55.     <th>Attribute Specifications</th>
  56.     <td>
  57.       <ul>
  58.         <li class=transitional>COMPACT (compact display)</li>
  59.         <li><a href="../attrs.html">common attributes</a></li>
  60.       </ul>
  61.     </td>
  62.   </tr>
  63.   <tr valign=top>
  64.     <th>Contents</th>
  65.     <td>One or more <a href="dt.html">DT</a> or <a href="dd.html">DD</a> elements</td>
  66.   </tr>
  67.   <tr valign=top>
  68.     <th>Contained in</th>
  69.     <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>
  70.   </tr>
  71. </table>
  72. <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>
  73. <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>
  74. <p>An example follows:</p>
  75. <pre class=example><code class=html><strong><DL></strong>
  76.  
  77.   <DT>Block-level elements</DT>
  78.   <DD>
  79.     <P>
  80.       In HTML, block-level elements may generally contain
  81.       inline elements and other block-level elements. They are
  82.       usually formatted differently than inline elements,
  83.       typically on a new line in visual browsers.
  84.     </P>
  85.   </DD>
  86.  
  87.   <DT>Inline elements</DT>
  88.   <DT>Text-level elements</DT>
  89.   <DD>
  90.     <P>
  91.       Inline (or text-level) elements generally only contain
  92.       character data and other inline elements.
  93.     </P>
  94.   </DD>
  95.  
  96. <strong></DL></strong></code></pre>
  97. <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>
  98. <ul class=example>
  99.   <li><pre><code class=html><H1>Community Calendar</H1>
  100.  
  101. <strong><DL CLASS=calendar></strong>
  102.  
  103.   <DT>March 8</DT>
  104.   <DD>
  105.     The Symphony Orchestra presents <CITE>A Rising Star</CITE>
  106.     at the Anderson Center. Call 555-1234 for details.
  107.   </DD>
  108.  
  109.   <DT>March 10</DT>
  110.   <DD>
  111.     Bereaved Families Support Night, 7:00 to 9:00 at
  112.     523 Main <ABBR TITLE=Street>St.</ABBR>
  113.   </DD> 
  114.  
  115. <strong></DL></strong></code></pre></li>
  116.  
  117.   <li><pre><code class=html><strong><DL CLASS=play></strong>
  118.  
  119.   <DT>Brutus</DT>
  120.   <DD CLASS="role Brutus">
  121.     <P>
  122.       I kiss thy hand, but not in flattery, Caesar;<BR>
  123.       Desiring thee that Publius Cimber may<BR>
  124.       Have an immediate freedom of repeal.
  125.     </P>
  126.   </DD>
  127.  
  128.   <DT>Caesar</DT>
  129.   <DD CLASS="role Caesar">
  130.     <P>
  131.       What, Brutus!
  132.     </P>
  133.   </DD>
  134.  
  135.   <DT>Cassius</DT>
  136.   <DD CLASS="role Cassius">
  137.     <P>
  138.       Pardon, Caesar; Caesar, pardon:<BR>
  139.       As low as to thy foot doth Cassius fall,<BR>
  140.       To beg enfranchisement for Publius Cimber.
  141.     </P>
  142.   </DD>
  143.  
  144. <strong></DL></strong></code></pre></li>
  145. </ul>
  146. <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="http://www.htmlhelp.com/reference/css/">style sheets</a>, a distinguishing presentation for different kinds of definition lists.</p>
  147. <div class=transitional>
  148. <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 HTMLá4.0 and poorly supported among browsers, suggests that visual browsers render the list compactly, perhaps with reduced spacing between items.</p>
  149. </div>
  150. <h2>More Information</h2>
  151. <ul>
  152.   <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> HTMLá4.0 Recommendation</a></li>
  153.   <li><a href="http://www.w3.org/TR/REC-html32#dl">DL in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá3.2 Recommendation</a></li>
  154.   <li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.6.5">DL in HTMLá2.0 Standard</a></li>
  155.   <li><a href="http://www.htmlhelp.com/reference/wilbur/list/dl.html">DL in <abbr class=initialism title="Web Design Group">WDG</abbr> HTMLá3.2 Reference</a></li>
  156.   <li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.21.html">UL in <cite>Learning HTMLá3.2 by Examples</cite></a></li>
  157. </ul>
  158. <div class=footer>
  159. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  160. <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>HTMLá4.0áReference</a>á~ <a href="../olist.html">ElementsábyáFunction</a>á~ <a href="../alist.html">ElementsáAlphabetically</a></p>
  161. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  162. </div>
  163. </body>
  164. </html>
  165.