<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"> tous</span>  IE<span class="emphasis"> tous</span>  HTML<span class="emphasis"> tous</span>&#160;&#160;</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">Balise de fin HTML&#160;: obligatoire&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>L'&eacute;l&eacute;ment <span class="literal">dl</span> fait partie du trio d'&eacute;l&eacute;ments <span class="literal">dl</span>, <span class="literal">dt</span>, <span class="literal">dd</span> utilis&eacute;s pour cr&eacute;er une liste de d&eacute;finitions dans un document. La liste est d&eacute;limit&eacute;e par les balises de l'&eacute;l&eacute;ment <span class="literal">dl</span>. Chaque terme d&eacute;fini est indiqu&eacute; par une balise d'&eacute;l&eacute;ment <span class="literal">dt</span>, et la d&eacute;finition du terme par une balise d'&eacute;l&eacute;ment <span class="literal">dd</span>. Voici la pr&eacute;sentation sch&eacute;matique d'une s&eacute;quence de liste de d&eacute;finitions contenant trois &eacute;l&eacute;ments:
</p><p>La liste enti&egrave;re doit &ecirc;tre ferm&eacute;e par la balise de fin de l'&eacute;l&eacute;ment conteneur <span class="literal">dl</span>. Notez que l'&eacute;l&eacute;ment <span class="literal">dl</span> est le conteneur de la liste enti&egrave;re, ce qui signifie que les r&egrave;gles de style h&eacute;rit&eacute;es affect&eacute;es &agrave;l'&eacute;l&eacute;ment <span class="literal">dl</span> s'appliquent aux &eacute;l&eacute;ments <span class="literal">dt</span> et <span class="literal">dd</span> qui y sont imbriqu&eacute;s. Vous pouvez modifier les r&egrave;gles h&eacute;rit&eacute;es ind&eacute;sirables directement dans les &eacute;l&eacute;ments <span class="literal">dt</span> et <span class="literal">dd</span>.
</p><p>Bien que les sp&eacute;cifications HTML n'imposent aucune mani&egrave;re particuli&egrave;re d'afficher une liste de d&eacute;finitions, Navigator et Internet Explorer s'entendent pour aligner &agrave;gauche un &eacute;l&eacute;ment <span class="literal">dt</span> et indenter tout &eacute;l&eacute;ment <span class="literal">dd</span> situ&eacute; derri&egrave;re. Le navigateur n'ajoute aucune mise en forme de police ou &eacute;l&eacute;ment visuel particulier, mais vous &ecirc;tes libre d'affecter des styles &agrave;votre guise. Si vous voulez empiler plusieurs termes et/ou d&eacute;finitions, vous pouvez placer plusieurs &eacute;l&eacute;ments <span class="literal">dt</span> et/ou <span class="literal">dd</span> les uns derri&egrave;re les autres dans le code source.
</p><p>Le HTML &eacute;tant ax&eacute; sur un balisage sensible au contexte, &eacute;vitez d'utiliser des listes de d&eacute;finitions uniquement comme moyen de mise en forme (pour obtenir du texte indent&eacute;). Utilisez des feuilles de style et des param&egrave;tres de marge variable pour la mise en forme.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Attributs sp&eacute;cifiques &agrave;l'&eacute;l&eacute;ment</span></td>
</tr><tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
							</tr>
							<tr>
								<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Attributs du gestionnaire d&acute;&eacute;v&eacute;nements sp&eacute;cifiques &agrave; l&acute;&eacute;l&eacute;ment</span></td>
							</tr>
							<tr>
								<td><p>Aucune.</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">6</span> IE <span class="emphasis">3</span>  HTML <span class="emphasis">3.2</span>&#160;&#160;</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">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Lorsque l'attribut bool&eacute;en <span class="literal">compact</span> est param&eacute;tr&eacute; sur <span class="literal">true</span> (en vertu de sa pr&eacute;sence dans la balise d'&eacute;l&eacute;ment <span class="literal">dl</span>), il indique au navigateur d'afficher une paire d'&eacute;l&eacute;ments <span class="literal">dt</span> et <span class="literal">dd</span> sur la m&ecirc;me ligne si l'espace le permet. Le crit&egrave;re permettant de d&eacute;terminer cet espace (tel qu'il est calcul&eacute; dans Navigator et Internet Explorer) est li&eacute; &agrave;l'importance de l'indentation normalement affect&eacute;e &agrave;un &eacute;l&eacute;ment <span class="literal">dd</span> (les syst&egrave;mes d'exploitation utilisent une taille d'indentation l&eacute;g&egrave;rement diff&eacute;rente). Lorsque l'attribut <span class="literal">compact</span> est activ&eacute;, si l'&eacute;l&eacute;ment <span class="literal">dt</span> est plus &eacute;troit que l'espace d'indentation, l'&eacute;l&eacute;ment <span class="literal">dd</span> de la ligne suivante est affich&eacute; sur la m&ecirc;me ligne que son &eacute;l&eacute;ment <span class="literal">dt</span>. Comme la largeur de caract&egrave;res des polices proportionnelles varie &eacute;norm&eacute;ment, il n'existe pas de r&egrave;gle univoque permettant de d&eacute;terminer le nombre de caract&egrave;res que doit compter un &eacute;l&eacute;ment <span class="literal">dt</span> pour permettre l'affichage de l'&eacute;l&eacute;ment <span class="literal">dd</span> sur la m&ecirc;me ligne. Toutefois, ce style compact est destin&eacute; aux &eacute;l&eacute;ments <span class="literal">dt</span> compos&eacute;s d'un nombre r&eacute;duit de caract&egrave;res. Cet attribut est d&eacute;laiss&eacute; dans HTML 4 et il ne permet aucune validation dans une version stricte de HTML 4 ou XHTML.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>La pr&eacute;sence du nom de l'attribut active la fonction.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p>Off.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">title</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span></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">title="<span class="replaceable">advisoryText</span>"</p>
					</td><td valign="top" nowrap class="requirements">Facultatif</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Description de l'&eacute;l&eacute;ment. Pour les &eacute;l&eacute;ments HTML qui produisent du contenu visible sur la page, IE 4 et versions ult&eacute;rieures ainsi que Netscape 6 affichent le contenu de l'attribut <span class="literal">title</span> sous forme d'info-bulle lorsque le curseur reste un moment sur l'&eacute;l&eacute;ment concern&eacute;. Par exemple, l'&eacute;l&eacute;ment de colonne <span class="literal">col</span> n'affiche pas le contenu, donc son attribut <span class="literal">title</span> fournit simplement des informations. Pour g&eacute;n&eacute;rer des info-bulles dans les tableaux, affectez des attributs <span class="literal">title</span> aux &eacute;l&eacute;ments tels que <span class="literal">table</span>, <span class="literal">tr</span>, <span class="literal">th</span> ou <span class="literal">td</span>.
</p><p>Les propri&eacute;t&eacute;s de police et de couleur sont r&eacute;gies par le navigateur et ne peuvent pas &ecirc;tre modifi&eacute;es par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, &agrave;la mani&egrave;re du syst&egrave;me d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du m&ecirc;me petit rectangle quelle que soit la version du syst&egrave;me d'exploitation. Si aucun attribut n'est sp&eacute;cifi&eacute;, l'info-bulle ne s'affiche pas.
</p><p>Vous pouvez affecter &agrave;cet attribut le texte descriptif de votre choix. Etant donn&eacute; que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-&ecirc;tre les navigateurs con&ccedil;us pour satisfaire les crit&egrave;res d'accessibilit&eacute; Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'&eacute;l&eacute;ments autres que du texte &agrave;des utilisateurs malvoyants. Donc, ne n&eacute;gligez pas cette aide potentiellement utile pour d&eacute;crire l'objectif d'un &eacute;l&eacute;ment sur une page.
</p><p>Bien que les indications de compatibilit&eacute; pour cet attribut le fassent remonter &agrave;l'&eacute;poque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affect&eacute; &agrave;de nombreux &eacute;l&eacute;ments &agrave;partir de Microsoft Internet Explorer 4 et de HTML 4.0.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;span title="United States of America"&gt;U.S.A.&lt;/span&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Toute cha&icirc;ne de caract&egrave;res. Cette cha&icirc;ne doit figurer entre guillemets (simples ou doubles, mais identiques).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p>Aucune.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>title</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>