<AREA> | NN tous IE tous HTML 3.2
<AREA> | Balise de fin HTML : interdite
Un élément map définit une carte image côté client à associer à un objet image, ou autre, occupant un espace sur la page. L'élément map a pour seul rôle d'affecter un nom et un contexte de balise à une ou plusieurs définitions d'élément area. Chaque élément area définit la façon dont la page doit réagir lorsqu'il y a interaction entre l'utilisateur et une zone de l'image (ou autre objet). Une carte image côté serveur peut agir comme un lien d'élément a dans ce sens qu'une zone peut renvoyer vers une cible ou une pseudo-URL javascript: et désigner un autre cadre ou une autre fenêtre comme cible pour l'affichage d'un nouveau document. En fait, dans le modèle d'objet document qui définit le script, un élément area est traité comme un lien. On utilise souvent les cartes images côté client dans les barres de navigation occupant un cadre étroit au sein d'un jeu de cadres. L'auteur dispose ainsi d'une plus grande créativité en matière de conception de menus, tout en ayant la possibilité de désigner comme lien spécial n'importe quel segment d'une image plus grande.
Exemple
    <MAP name="nav">
    <AREA coords="20,30,120,70" href="contents.html" target="display">
    <AREA coords="20,80,145,190" href="contact.html" target="display">
    </MAP>
Référence de modèle d'objet
    [window.]document.links[i]
    [window.]document.getElementById(elementID)
Attributs spécifiques à l'élément
alt | coords | href | nohref | shape
target |  |  |  |
Attributs du gestionnaire d´événements spécifiques à l´élément
Aucune.

accesskey | NN 6 (voir text) IE 4/5 HTML 4 (voir text)
accesskey="character" | Facultatif
Une seule touche de caractère qui active un élément (dans certains navigateurs) ou active un contrôle de formulaire ou une action de lien. Le navigateur et le système d'exploitation déterminent si l'utilisateur doit appuyer sur une touche de modification (par exemple Ctrl, Alt ou Commande) en même temps que sur la touche d'accès pour activer le lien. Dans IE 4 pour Windows et versions ultérieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche Alt et celle-ci est insensible à la casse. Dans IE 5 pour Macintosh et versions ultérieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche Ctrl. Bien que l'attribut accesskey soit répertorié ici comme attribut largement partagé, ce n'est pas toujours le cas dans toutes les implémentations. HTML 4 et Netscape 6 ne reconnaissent cet attribut que pour les éléments suivants: a, area, button, input, label, legend et textarea. A cette liste, IE 4 ajoute applet, body, div, embed, isindex, marquee, object, select, span, table et td (mais supprime label et legend). IE 5 ajoute tout autre élément affichable, mais attention: à l'exception de l'élément input et d'autres éléments ayant trait aux formulaires, vous devez aussi affecter un attribut tabindex à l'élément dans IE 5 et versions ultérieures (même s'il ne s'agit que d'une valeur de zéro pour tous) pour permettre à la combinaison de touches d'accélération d'activer l'élément.
Exemple
    <a href="http://www.megacorp.com/toc.html" accesskey="t">Table of Contents</a>
    <h2 class="subsection" accesskey="2" tabindex="0">Part Two</h2>
Valeur
Caractère simple repris dans la table de caractères définie pour le document.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.links[i].accessKey
    [window.]document.anchors[i].accessKey
    [window.]document.formName.elementName.accessKey
    [window.]document.forms[i].elements[j].accessKey
    [window.]document.getElementById(elementID).accessKey

alt | NN 6 IE 3 HTML 3.2
alt="textMessage" | obligatoire
Les navigateurs non graphiques peuvent utiliser l'attribut alt pour afficher une brève description des zones réactives de l'image (invisible). A un moment donné, on pensait que le message alt pourrait s'afficher par défaut dans la barre d'état du navigateur lorsque la zone serait activée ou que le curseur passerait dessus. A présent, cette fonction est normalement remplie par les scripts et les gestionnaires d'événements onmouseover. N'oubliez pas que les ordinateurs de poche récents sont généralement dotés de navigateurs non graphiques (ou du moins qu'ils permettent la désactivation des fonctions graphiques afin d'améliorer les performances). Tenez toujours compte des situations où les fonctions graphiques ne sont pas prises en charge.
Exemple
    <AREA coords="20,30,120,70" href="contents.html" target="display"
    alt="Table of Contents">
Valeur
Chaîne de caractères quelconque entre guillemets.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).alt

coords | NN tous IE tous HTML 3.2
coords="coord1, ... coordN" | Facultatif
Bien que la définition officielle, élaborée par le W3C, de l'attribut coords d'un élément area précise que cet attribut est facultatif, cela ne veut pas dire que si vous l'omettez la zone area se comportera comme elle le devrait. L'attribut coords vous permet de définir le contour de la zone à associer à un lien ou à une action définie par un script. Certains outils de création de pages Web tiers peuvent vous aider à déterminer les coordonnées d'une zone réactive. Vous pouvez également charger l'image dans un programme graphique qui affiche la position du curseur en temps réel et transfère les valeurs obtenues vers l'attribut coords. Les coordonnées sont spécifiées sous forme de liste, les valeurs étant séparées par une virgule. Si deux zones se chevauchent, la zone définie en premier à l'aide du code HTML a la priorité.
Exemple
    <AREA coords="20,30,120,70" href="contents.html" target="display">
Valeur
La valeur de chaque coordonnée est une longueur, mais le nombre de coordonnées et leur ordre dépendent de la forme définie par l'attribut shape qui peut être éventuellement associé à l'élément. Pour shape="rect", les coordonnées sont au nombre de quatre (left, top, right, bottom); pour shape="circle", elles sont au nombre de trois (center-x, center-y, radius); pour shape="poly", chaque point définissant la forme du polygone (x1, y1, x2, y2, x3, y3,...xN, yN) possède deux coordonnées.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).coords

href | NN tous IE tous HTML 3.2
href="URI" | obligatoire
Adresse URI de la cible d'un lien associé à la zone. Dans un navigateur, lorsque l'adresse URI est un document HTML, le document est chargé dans la fenêtre cible actuelle (par défaut) ou dans une autre fenêtre (en fonction de la fenêtre définie comme fenêtre cible par l'attribut target). 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'à la version 4) traitent les éléments area comme des éléments a, l'attribut href doit être défini dans l'élément area pour que les scripts de l'ancien DOM puissent accéder aux différentes propriétés relatives à l'URL et que les gestionnaires d'événements (tels que onmouseover) puissent opérer.
Exemple
    <AREA coords="20,30,120,70" href="contents.html" target="display">
Valeur
N'importe quelle adresse URI valide, notamment des adresses URL complètes et relatives, des ancres figurant sur la même page (et dont le nom doit être précédé du caractère #, dans les navigateurs prenant en charge les scripts et la pseudo-URL javascript: pour exécuter une instruction de script au lieu d'être dirigé vers une destination.
Par défaut
Aucune.
Référence de modèle d'objet
D'autres propriétés des objets lien permettent l'extraction de composants de l'adresse URL, tels que le protocole et le nom de l'hôte. Voir l'élément Link dans le chapitre 9.
    [window.]document.links[i].href
    [window.]document.getElementById(elementID).href

title | NN 6 IE 3 HTML 3.2
title="advisoryText" | Facultatif
Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td. Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifié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, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas. Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page. Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0.
Exemple
    <span title="United States of America">U.S.A.</span>
Valeur
Toute chaîne de caractères. Cette chaîne doit figurer entre guillemets (simples ou doubles, mais identiques).
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).title

nohref | NN tous IE tous HTML 3.2
nohref | Facultatif
Indique au navigateur qu'aucun lien n'est associé à la zone définie par les coordonnées (le même résultat est obtenu si vous ne spécifiez aucun attribut href). Lorsque vous spécifiez cet attribut, les navigateurs gérant les scripts ne traitent plus l'élément comme un lien. lorsqu'un élément area est dépourvu d'attribut href, l'élément ne réagit plus aux événements utilisateur. Dans IE 4 et versions ultérieures, ainsi que Netscape 6, vous pouvez activer et désactiver cet attribut à l'aide d'un script en affectant à la propriété noHref correspondante la valeur true ou false.
Exemple
    <AREA coords="20,30,120,70" nohref>
Valeur
La présence de cet attribut définit sa valeur comme true (vrai). Étendez la conformité XHTML en utilisant nohref="nohref".
Par défaut
Off.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).noHref

shape | NN tous IE tous HTML 3.2
shape="shapeName" | Facultatif
Définit la forme de la zone graphique côté client dont les coordonnées ont été spécifiées à l'aide de l'attribut coords. L'attribut shape indique au navigateur à combien de coordonnées il doit s'attendre.
Exemple
    <AREA shape="poly" coords="20,20,20,70,65,45" href="contents.html"
    target="display">
Valeur
Constante de forme insensible à la casse. Chaque navigateur définit son propre jeu de noms de forme et équivalents, mais il existe des dénominateurs communs entre les navigateurs (circle, rect, poly et polygon).
Nom de forme | NN | IE | HTML
circ | - | √ | √
circle | √ | √ | √
poly | √ | √ | √
polygon | √ | √ | -
rect | √ | √ | √
rectangle | - | √ | -
Par défaut
rect
Référence de modèle d'objet
    [window.]document.getElementById(elementID).shape

target | NN tous IE tous HTML 3.2
target="windowOrFrameName" | Facultatif
Si le document cible doit être affiché dans une fenêtre ou dans un cadre autre que la fenêtre ou le cadre actuels, vous pouvez préciser l'endroit où il doit s'afficher en associant un nom de fenêtre ou de cadre à l'attribut target. Il faut impérativement affecter un nom aux cadres et aux fenêtres cibles afin de les identifier. Pour attribuer un nom à un nouveau cadre, utilisez les attributs name et id de l'élément frame; pour attribuer un nom à une nouvelle fenêtre, utilisez le second paramètre de la méthode de script window.open( ) . Si vous omettez cet attribut, le document cible s'affiche à la place du document contenant le lien. Cet attribut s'applique uniquement lorsqu'une valeur est affectée à l'attribut href de l'élément. Un élément area 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'événements onclick d'un élément area (le chapitre 9 indique les versions de navigateur prises en charge) ou la pseudo-URL javascript: pour exécuter un script chargeant plusieurs documents. Associez l'adresse URL voulue à la propriété location.href de chaque cadre. Les DTD strictes pour HTML 4 et XHTML ne prennent en charge l'attribut target d'aucun élément, puisque les cadres et les fenêtres n'appartiennent pas au balisage pur du document. En fait, le jeu de cadres ne sera pas valider dans un environnement strict, d'où l'action des DTD de jeu de cadres séparé pour HTML 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éfinir les propriétés target des liens, des cartes images et des formulaires une fois la page chargée.
Exemple
    <AREA coords="20,30,120,70" href="contents.html" target="display">
    <AREA coords="140,30,180,70" href="index.html" target="_top">
Valeur
Identifiant sensible à la casse lorsque le nom du cadre ou de la fenêtre a été défini via les attributs name et id de l'élément cible. Quatre noms de cible réservés servent de constantes:
Par défaut
_self
Référence de modèle d'objet
    [window.]document.links[i].target
    [window.]document.getElementById(elementID).target