Balise HTML ou XHTML AREA

BALISE AREA

Détails de compatiblilité navigateur HTML pour la balise "area"

Détails de compatiblilité navigateur XHTML pour la balise "area"

Définition

La balise HTML et XHTML AREA définie une zone réactive dans ensemble de zones réactives définie par la balise HTML et XHTML MAP, elle n'a pas en HTML de balise de fin.
Exemple de code :
<AREA>

La balise HTML et XHTML AREA est contenu dans la balise HTML et XHTML MAP.
Exemple :
Exemple de code :
<MAP name="Map">
  <AREA shape="rect" coords="11,8,49,19" href="#">
</MAP>

Si vous n'avez pas de logiciel pour créer les map utilisé le "Générateur de map"
javascript [3]
Infos Javascript
Vous trouverez des informations sur l'objet javascript AREA dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Document Object Model HTML :
Objet Area
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Exemple de code :

XHTML

La balise XHTML AREA s'écrite en XHTML :
Exemple de code :
<MAP name="Map">
  <AREA shape="rect" coords="11,8,49,19" href="#" />
</MAP>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ACCESSKEY [s]

Détails de compatiblilité navigateur HTML pour l'attribut "accesskey" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "accesskey" de la balise "area"

Définition

L'attribut HTML et XHTML ACCESSKEY de la balise HTML et XHTML AREA permet de mettre le focus sur la zone grâce à un racourci clavier :"alt"+lettre.
Exemple de code :
<AREA ACCESSKEY="r">
Ne fonctionne que sous Ie et FireFox.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ALT [s]

Détails de compatiblilité navigateur HTML pour l'attribut "alt" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "alt" de la balise "area"

Définition

L'attribut HTML et XHTML ALT de la balise HTML et XHTML AREA, permet d'afficher un petit texte à côté du lien lorsque la souris est dessus.
Exemple de code :
<AREA ALT="Texte">
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut XHTML ALT est obligatoire en XHTML.
Mais, son oublie ne gène pas l'affichage.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Accessibilité

L'attribut HTML et XHTML ALT de la balise HTML et XHTML AREA est utilisé pour l'accessibilité. Il va permetttre d'identifier la fonction de la zone cliquable.
Imaginez que vous ayez une image avec 2 zone cliquable (contour rouge).
La première balise AREA aura un attribut ALT qui aura par exemple comme valeur "Valider le formulaire", la seconde balise AREA aura un attribut ALT qui aura par exemple comme valeur "Annuler le formulaire".
Soyez bref mais explicite.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "class" de la balise "area"

Définition

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML AREA permet de spécifier la classe css à utiliser sur la balise.
Exemple de code :
<AREA CLASS="Nom">

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML AREA est utilisé pour les feuilles de style (css).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml COORDS [o]

Détails de compatiblilité navigateur HTML pour l'attribut "coords" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "coords" de la balise "area"

Définition

L'attribut HTML et XHTML COORDS de la balise HTML et XHTML AREA donne les coordonnées de la zone cliquable.
Exemple de code :
<AREA COORDS="1,8,49,19">


Pour une valeur de SHAPE égale à :- rect, COORDS vaut COORDS="X, Y, X1, Y1".
X, Y coordonnés du point supérieur gauche.
X1, Y1 coordonnés du point inférieur droit.
- circle, COORDS vaut COORDS="X, Y, Z".
X, Y coordonnés du centre du cercle.
Z rayon.
- Poly, COORDS vaut COORDS="X, Y, X1, Y1, ....".
X, Y coordonnés du premier point.
X1, Y1 coordonnés du second point.
Ainsi de suite.
Les points sont pris dans le sens des aiguilles d'une montre.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml DIR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "dir" de la balise "area"

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML AREA spécifie le sens de lecture.
Exemple de code :
<AREA DIR="LTR">

L'attribut HTML et XHTML DIR de la balise HTML et XHTML AREA peut prendre la valeur de :
- LTR: de la gauche vers la droite.
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HREF [s]

Détails de compatiblilité navigateur HTML pour l'attribut "href" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "href" de la balise "area"

Définition

L'attribut HTML et XHTML HREF de la balise HTML et XHTML AREA, permet de spécifier l'url de la page à charger.
Exemple de code :
<AREA HREF="url/page.html">
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "lang" de la balise "area"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML AREA permet de spécifier la langue utilisée à l'intérieur de la balise.
Exemple de code :
<AREA LANG="fr">

L'attribut HTML HTML et XHTML peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

xml:lang ou lang

Pour des raisons de compatilité avec les anciens navigateurs, le w3c préconise l'utilisation des deux attributs en même temps.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut HTML lang.
Exemple de code :
<P lang="fr" xml:lang="fr">Texte XHTML</P>

Voir informations complémentaires dans la Balise TITLE attribut Lang
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NOHREF [s]

Détails de compatiblilité navigateur HTML pour l'attribut "nohref" de la balise "area"

Définition

L'attribut HTML et XHTML NOHREF de la balise HTML et XHTML AREA, permet de spécifier que la zone n'a pas d'action. Dans ce cas l'attribut HREF n'a pas lieu d'être.
Exemple de code :
<AREA NOHREF>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SHAPE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "shape" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "shape" de la balise "area"

Définition

L'attribut HTML et XHTML SHAPE de la balise HTML et XHTML AREA définit la forme de la zone cliquable.
Exemple de code :
<AREA SHAPE="circle">

L'attribut HTML et XHTML SHAPE de la balise HTML et XHTML AREA peut prendre la valeur :
- rect ou default : forme rectangulaire,
- circle : forme ovale,
- poly : forme polygonale.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml STYLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "style" de la balise "area"

Détails de compatiblilité navigateur XHTML pour l'attribut "style" de la balise "area"

Définition

L'attribut HTML et XHTML STYLE de la balise HTML et XHTML AREA permet de définir des propriétés de feuilles de style (css) dans la balise même.
Exemple de code :
<AREA STYLE="text-decoration:underline">
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS