<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;AREA&gt;</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">&lt;AREA&gt;</p>
					</td><td valign="top" nowrap class="requirements">Balise de fin HTML&#160;: interdite&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Un &eacute;l&eacute;ment <span class="literal">map</span> d&eacute;finit une carte image c&ocirc;t&eacute; client &agrave;associer &agrave;un objet image, ou autre, occupant un espace sur la page. L'&eacute;l&eacute;ment <span class="literal">map</span> a pour seul r&ocirc;le d'affecter un nom et un contexte de balise &agrave;une ou plusieurs d&eacute;finitions d'&eacute;l&eacute;ment <span class="literal">area</span>. Chaque &eacute;l&eacute;ment <span class="literal">area</span> d&eacute;finit la fa&ccedil;on dont la page doit r&eacute;agir lorsqu'il y a interaction entre l'utilisateur et une zone de l'image (ou autre objet).
</p><p>Une carte image c&ocirc;t&eacute; serveur peut agir comme un lien d'&eacute;l&eacute;ment <span class="literal">a</span> dans ce sens qu'une zone peut renvoyer vers une cible ou une pseudo-URL <span class="literal">javascript:</span> et d&eacute;signer un autre cadre ou une autre fen&ecirc;tre comme cible pour l'affichage d'un nouveau document. En fait, dans le mod&egrave;le d'objet document qui d&eacute;finit le script, un &eacute;l&eacute;ment <span class="literal">area</span> est trait&eacute; comme un lien. On utilise souvent les cartes images c&ocirc;t&eacute; client dans les barres de navigation occupant un cadre &eacute;troit au sein d'un jeu de cadres. L'auteur dispose ainsi d'une plus grande cr&eacute;ativit&eacute; en mati&egrave;re de conception de menus, tout en ayant la possibilit&eacute; de d&eacute;signer comme lien sp&eacute;cial n'importe quel segment d'une image plus grande.
</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;MAP name="nav"&gt;
&lt;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;
&lt;AREA coords="20,80,145,190" href="contact.html" target="display"&gt;
&lt;/MAP&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.links[i]
[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">alt</span></td><td><span class="literal">coords</span></td><td><span class="literal">href</span></td><td><span class="literal">nohref</span></td><td><span class="literal">shape</span></td>
								</tr>
								<tr><td><span class="literal">target</span></td><td></td><td></td><td></td><td></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="accesskey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">accesskey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6 (voir text)</span> IE <span class="emphasis">4/5</span> HTML <span class="emphasis">4 (voir text)</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">accesskey="<span class="replaceable">character</span>"</p>
					</td><td valign="top" nowrap class="requirements">Facultatif</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Une seule touche de caract&egrave;re qui active un &eacute;l&eacute;ment (dans certains navigateurs) ou active un contr&ocirc;le de formulaire ou une action de lien. Le navigateur et le syst&egrave;me d'exploitation d&eacute;terminent si l'utilisateur doit appuyer sur une touche de modification (par exemple <span class="emphasis">Ctrl</span>, <span class="emphasis">Alt</span> ou <span class="emphasis">Commande</span>) en m&ecirc;me temps que sur la touche d'acc&egrave;s pour activer le lien. Dans IE 4 pour Windows et versions ult&eacute;rieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche <span class="emphasis">Alt</span> et celle-ci est insensible &agrave;la casse. Dans IE 5 pour Macintosh et versions ult&eacute;rieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche <span class="emphasis">Ctrl</span>.
</p><p>Bien que l'attribut <span class="literal">accesskey</span> soit r&eacute;pertori&eacute; ici comme attribut largement partag&eacute;, ce n'est pas toujours le cas dans toutes les impl&eacute;mentations. HTML 4 et Netscape 6 ne reconnaissent cet attribut que pour les &eacute;l&eacute;ments suivants: <span class="literal">a</span>, <span class="literal">area</span>, <span class="literal">button</span>, <span class="literal">input</span>, <span class="literal">label</span>, <span class="literal">legend</span> et <span class="literal">textarea</span>. A cette liste, IE 4 ajoute <span class="literal">applet</span>, <span class="literal">body</span>, <span class="literal">div</span>, <span class="literal">embed</span>, <span class="literal">isindex</span>, <span class="literal">marquee</span>, <span class="literal">object</span>, <span class="literal">select</span>, <span class="literal">span</span>, <span class="literal">table</span> et <span class="literal">td</span> (mais supprime <span class="literal">label</span> et <span class="literal">legend</span>). IE 5 ajoute tout autre &eacute;l&eacute;ment affichable, mais attention: &agrave;l'exception de l'&eacute;l&eacute;ment <span class="literal">input</span> et d'autres &eacute;l&eacute;ments ayant trait aux formulaires, vous devez aussi affecter un attribut <span class="literal">tabindex</span> &agrave;l'&eacute;l&eacute;ment dans IE 5 et versions ult&eacute;rieures (m&ecirc;me s'il ne s'agit que d'une valeur de z&eacute;ro pour tous) pour permettre &agrave;la combinaison de touches d'acc&eacute;l&eacute;ration d'activer l'&eacute;l&eacute;ment.
</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;a href="http://www.megacorp.com/toc.html" accesskey="t"&gt;Table of Contents&lt;/a&gt;
&lt;h2 class="subsection" accesskey="2" tabindex="0"&gt;Part Two&lt;/h2&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>Caract&egrave;re simple repris dans la table de caract&egrave;res d&eacute;finie pour le document.</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.links[i].accessKey
[window.]document.anchors[i].accessKey
[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">elementName</span>.accessKey
[window.]document.forms[i].elements[j].accessKey
[window.]document.getElementById(<span class="replaceable">elementID).</span>accessKey</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="alt">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">alt</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">alt="<span class="replaceable">textMessage</span>"</p>
					</td><td valign="top" nowrap class="requirements">obligatoire&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Les navigateurs non graphiques peuvent utiliser l'attribut <span class="literal">alt</span> pour afficher une br&egrave;ve description des zones r&eacute;actives de l'image (invisible). A un moment donn&eacute;, on pensait que le message <span class="literal">alt</span> pourrait s'afficher par d&eacute;faut dans la barre d'&eacute;tat du navigateur lorsque la zone serait activ&eacute;e ou que le curseur passerait dessus. A pr&eacute;sent, cette fonction est normalement remplie par les scripts et les gestionnaires d'&eacute;v&eacute;nements <span class="literal">onmouseover</span>. N'oubliez pas que les ordinateurs de poche r&eacute;cents sont g&eacute;n&eacute;ralement dot&eacute;s de navigateurs non graphiques (ou du moins qu'ils permettent la d&eacute;sactivation des fonctions graphiques afin d'am&eacute;liorer les performances). Tenez toujours compte des situations o&ugrave; les fonctions graphiques ne sont pas prises en charge.
</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;AREA coords="20,30,120,70" href="contents.html" target="display"
alt="Table of Contents"&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>Cha&icirc;ne de caract&egrave;res quelconque entre guillemets.</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>).alt </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="coords">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">coords</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">coords="<span class="replaceable">coord1, ... coordN</span>"</p>
					</td><td valign="top" nowrap class="requirements">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Bien que la d&eacute;finition officielle, &eacute;labor&eacute;e par le W3C, de l'attribut <span class="literal">coords</span> d'un &eacute;l&eacute;ment <span class="literal">area</span> pr&eacute;cise que cet attribut est facultatif, cela ne veut pas dire que si vous l'omettez la zone <span class="literal">area</span> se comportera comme elle le devrait. L'attribut <span class="literal">coords</span> vous permet de d&eacute;finir le contour de la zone &agrave;associer &agrave;un lien ou &agrave;une action d&eacute;finie par un script. Certains outils de cr&eacute;ation de pages Web tiers peuvent vous aider &agrave;d&eacute;terminer les coordonn&eacute;es d'une zone r&eacute;active. Vous pouvez &eacute;galement charger l'image dans un programme graphique qui affiche la position du curseur en temps r&eacute;el et transf&egrave;re les valeurs obtenues vers l'attribut <span class="literal">coords</span>.
</p><p>Les coordonn&eacute;es sont sp&eacute;cifi&eacute;es sous forme de liste, les valeurs &eacute;tant s&eacute;par&eacute;es par une virgule. Si deux zones se chevauchent, la zone d&eacute;finie en premier &agrave;l'aide du code HTML a la priorit&eacute;.
</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;AREA coords="20,30,120,70" href="contents.html" target="display"&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 valeur de chaque coordonn&eacute;e est une longueur, mais le nombre de coordonn&eacute;es et leur ordre d&eacute;pendent de la forme d&eacute;finie par l'attribut <span class="literal">shape</span> qui peut &ecirc;tre &eacute;ventuellement associ&eacute; &agrave;l'&eacute;l&eacute;ment. Pour <span class="literal">shape="rect"</span>, les coordonn&eacute;es sont au nombre de quatre (left, top, right, bottom); pour <span class="literal">shape="circle"</span>, elles sont au nombre de trois (center-x, center-y, radius); pour <span class="literal">shape="poly"</span>, chaque point d&eacute;finissant la forme du polygone (<span class="literal">x1</span>, <span class="literal">y1</span>, <span class="literal">x2</span>, <span class="literal">y2</span>, <span class="literal">x3</span>, <span class="literal">y3</span>,...<span class="literal">xN</span>, <span class="literal">yN</span>) poss&egrave;de deux coordonn&eacute;es.
</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>).coords </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="href">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">href</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">href="<span class="replaceable">URI</span>"</p>
					</td><td valign="top" nowrap class="requirements">obligatoire&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Adresse URI de la cible d'un lien associ&eacute; &agrave;la zone. Dans un navigateur, lorsque l'adresse URI est un document HTML, le document est charg&eacute; dans la fen&ecirc;tre cible actuelle (par d&eacute;faut) ou dans une autre fen&ecirc;tre (en fonction de la fen&ecirc;tre d&eacute;finie comme fen&ecirc;tre cible par l'attribut <span class="literal">target</span>). Pour certains types de fichier, le navigateur peut charger le contenu cible dans un plug-in ou enregistrer le fichier cible sur l'ordinateur client. Du fait que IE 3 et Navigator (jusqu'&agrave;la version 4) traitent les &eacute;l&eacute;ments <span class="literal">area</span> comme des &eacute;l&eacute;ments <span class="literal">a</span>, l'attribut <span class="literal">href</span> doit &ecirc;tre d&eacute;fini dans l'&eacute;l&eacute;ment <span class="literal">area</span> pour que les scripts de l'ancien DOM puissent acc&eacute;der aux diff&eacute;rentes propri&eacute;t&eacute;s relatives &agrave;l'URL et que les gestionnaires d'&eacute;v&eacute;nements (tels que <span class="literal">onmouseover</span>) puissent op&eacute;rer.
</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;AREA coords="20,30,120,70" href="contents.html" target="display"&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>N'importe quelle adresse URI valide, notamment des adresses URL compl&egrave;tes et relatives, des ancres figurant sur la m&ecirc;me page (et dont le nom doit &ecirc;tre pr&eacute;c&eacute;d&eacute; du caract&egrave;re <span class="literal">#</span>, dans les navigateurs prenant en charge les scripts et la pseudo-URL <span class="literal">javascript:</span> pour ex&eacute;cuter une instruction de script au lieu d'&ecirc;tre dirig&eacute; vers une destination.
</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><p>D'autres propri&eacute;t&eacute;s des objets lien permettent l'extraction de composants de l'adresse URL, tels que le protocole et le nom de l'h&ocirc;te. Voir l'&eacute;l&eacute;ment <span class="literal">Link</span> dans le chapitre&#160;9.
</p><span class="programlisting"><pre>[window.]document.links[i].href
[window.]document.getElementById(<span class="replaceable">elementID</span>).href</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><div id="nohref">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">nohref</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">nohref</p>
					</td><td valign="top" nowrap class="requirements">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Indique au navigateur qu'aucun lien n'est associ&eacute; &agrave;la zone d&eacute;finie par les coordonn&eacute;es (le m&ecirc;me r&eacute;sultat est obtenu si vous ne sp&eacute;cifiez aucun attribut <span class="literal">href</span>). Lorsque vous sp&eacute;cifiez cet attribut, les navigateurs g&eacute;rant les scripts ne traitent plus l'&eacute;l&eacute;ment comme un lien. lorsqu'un &eacute;l&eacute;ment <span class="literal">area</span> est d&eacute;pourvu d'attribut <span class="literal">href</span>, l'&eacute;l&eacute;ment ne r&eacute;agit plus aux &eacute;v&eacute;nements utilisateur. Dans IE 4 et versions ult&eacute;rieures, ainsi que Netscape&#160;6, vous pouvez activer et d&eacute;sactiver cet attribut &agrave;l'aide d'un script en affectant &agrave;la propri&eacute;t&eacute; <span class="literal">noHref</span> correspondante la valeur <span class="literal">true</span> ou <span class="literal">false</span>.
</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;AREA coords="20,30,120,70" nohref&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 de cet attribut d&eacute;finit sa valeur comme <span class="literal">true</span> (vrai). &Eacute;tendez la conformit&eacute; XHTML en utilisant <span class="literal">nohref="nohref"</span>.
</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>).noHref </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="shape">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">shape</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">shape="<span class="replaceable">shapeName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>D&eacute;finit la forme de la zone graphique c&ocirc;t&eacute; client dont les coordonn&eacute;es ont &eacute;t&eacute; sp&eacute;cifi&eacute;es &agrave;l'aide de l'attribut <span class="literal">coords</span>. L'attribut <span class="literal">shape</span> indique au navigateur &agrave;combien de coordonn&eacute;es il doit s'attendre.
</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;AREA shape="poly" coords="20,20,20,70,65,45" href="contents.html"
target="display"&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>Constante de forme insensible &agrave;la casse. Chaque navigateur d&eacute;finit son propre jeu de noms de forme et &eacute;quivalents, mais il existe des d&eacute;nominateurs communs entre les navigateurs (<span class="literal">circle</span>, <span class="literal">rect</span>, <span class="literal">poly</span> et <span class="literal">polygon</span>).
</p>
						<table border="1"><tbody><th>Nom de forme</th><th>NN</th><th>IE</th><th>HTML</th><tr><td>circ</td><td>-</td><td>&radic;</td><td>&radic;</td>
								</tr>
								<tr><td>circle</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
								</tr>
								<tr><td>poly</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
								</tr>
								<tr><td>polygon</td><td>&radic;</td><td>&radic;</td><td>-</td>
								</tr>
								<tr><td>rect</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
								</tr>
								<tr><td>rectangle</td><td>-</td><td>&radic;</td><td>-</td>
								</tr>
							</tbody></table>
					</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><span class="literal">rect</span></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>).shape </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="target">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">target</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> tous</span>  IE<span class="emphasis"> tous</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">target="<span class="replaceable">windowOrFrameName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Si le document cible doit &ecirc;tre affich&eacute; dans une fen&ecirc;tre ou dans un cadre autre que la fen&ecirc;tre ou le cadre actuels, vous pouvez pr&eacute;ciser l'endroit o&ugrave; il doit s'afficher en associant un nom de fen&ecirc;tre ou de cadre &agrave;l'attribut <span class="literal">target</span>. Il faut imp&eacute;rativement affecter un nom aux cadres et aux fen&ecirc;tres cibles afin de les identifier. Pour attribuer un nom &agrave;un nouveau cadre, utilisez les attributs <span class="literal">name</span> et <span class="literal">id</span> de l'&eacute;l&eacute;ment <span class="literal">frame</span>; pour attribuer un nom &agrave;une nouvelle fen&ecirc;tre, utilisez le second param&egrave;tre de la m&eacute;thode de script <span class="literal">window.open( )</span> . Si vous omettez cet attribut, le document cible s'affiche &agrave;la place du document contenant le lien. Cet attribut s'applique uniquement lorsqu'une valeur est affect&eacute;e &agrave;l'attribut <span class="literal">href</span> de l'&eacute;l&eacute;ment.
</p><p>Un &eacute;l&eacute;ment <span class="literal">area</span> ne peut avoir qu'un seul document de destination et une seule cible. Si vous voulez qu'un lien change le contenu de plusieurs cadres, vous pouvez utiliser le gestionnaire d'&eacute;v&eacute;nements <span class="literal">onclick</span> d'un &eacute;l&eacute;ment <span class="literal">area</span> (le chapitre&#160;9 indique les versions de navigateur prises en charge) ou la pseudo-URL <span class="literal">javascript:</span> pour ex&eacute;cuter un script chargeant plusieurs documents. Associez l'adresse URL voulue &agrave;la propri&eacute;t&eacute; <span class="literal">location.href</span> de chaque cadre.
</p><p>Les DTD strictes pour HTML 4 et XHTML ne prennent en charge l'attribut <span class="literal">target</span> d'aucun &eacute;l&eacute;ment, puisque les cadres et les fen&ecirc;tres n'appartiennent pas au balisage pur du document. En fait, le jeu de cadres ne sera pas valider dans un environnement strict,&#160;d'o&ugrave; l'action des DTD de jeu de cadres s&eacute;par&eacute; pour HTML&#160;4 et XHTML. Si vos documents doivent faire l'objet d'une validation avec ces DTD strictes et que vous souhaitez prendre en charge les cibles, utilisez les scripts pour d&eacute;finir les propri&eacute;t&eacute;s <span class="literal">target</span> des liens, des cartes images et des formulaires une fois la page charg&eacute;e.
</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;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;
&lt;AREA coords="140,30,180,70" href="index.html" target="_top"&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>Identifiant sensible &agrave;la casse lorsque le nom du cadre ou de la fen&ecirc;tre a &eacute;t&eacute; d&eacute;fini via les attributs <span class="literal">name</span> et <span class="literal">id</span> de l'&eacute;l&eacute;ment cible. Quatre noms de cible r&eacute;serv&eacute;s servent de constantes:
</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><span class="literal">_self</span></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.links[i].target
[window.]document.getElementById(<span class="replaceable">elementID</span>).target</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>