Balise <map> et <area>

bonjour

je souhaite remplacer des lien textuel aboutissant a divers paragraphe dans la même page par des liens issu d'une image - les lignes de code liées à <map> et <area> semblent simple - chaque balise et chaque atribut a un sens aisé à comprendre

<img src="quatro.jpg" alt="quatre lien sur cette image" width="140" height="100" usemap="#fil4">

<map name="#fil4">
<area shape="rect" coords="1,1,70,50" alt="explication" href="#ancre1">
<area shape="rect" coords="1,51,70,100" alt="exemples" href="#ancre2">
<area shape="rect" coords="71,1,140,51" alt="question" href="#ancre3">
<area shape="rect" coords="71,51,140,100" alt="références" href="#ancre4">
</map>

pourtant rien ne se passe ! avant les liens textuel fonctionnaient alors que ces liens sont inertes - quand je clique sur l'image rien ne se passe ! vous avez une idée de pourquoi cela ne marche pas - il manque des lignes de codes ?

<map name="fil4">
<!--       ^ sans le # -->

Salut,

Outre la suppression du # dans la valeur de l'attribut name, il serait judicieux de doubler l'attribut name d'un attribut id de même valeur.

Victor BRITO a écrit :
Salut,

Outre la suppression du # dans la valeur de l'attribut name, il serait judicieux de doubler l'attribut name d'un attribut id de même valeur.

À propos: est-il utile de garder le "name"? J'ai l'impression que

<map id="..."

est suffisant.

PapyJP a écrit :

À propos: est-il utile de garder le "name"? J'ai l'impression que

<map id="..."

est suffisant.

L'attribut name est obligatoire sur la balise map.

Reference :

http://www.w3.org/TR/2011/WD-html5-20110113/the-map-element.html#the-map-element

@PapyJP,
effectivement, il existe une différence de comportement entre les navigateurs FireFox et Chrome : l'un pourra se satisfaire d'un id sans name, l'autre non.

Ainsi : id et name doivent être présents et présenter la même "valeur"