MAP facebook twitter youtube

< MAP >


La balise <map>

Utilisée pour définir différentes régions cliquables sur une image donnée. Les éléments <map> et <img> sont ainsi liés par l'attribut "name" pour <map> et par l'attribut "usemap" pour le tag <img>.
Attention, la valeur associée à l'attribut "usemap" doit être précédée d'un "#".

Par exemple l'image suivante référencera la map déclarée ensuite grâce à leurs attributs "usemap" d'une part et "name" d'autre part :
<img usemap="#ZoneDeLien" src=" ...
<map name="ZoneDeLien"> ...

Les différentes zones cliquables dans l'image sont définies au sein de l'élément <map> par les balises <area> qui déterminent la taille et la forme de ces zones ainsi que l'url cible.

Propriétés Définition Valeurs
name Valeur de référence pour identifier l'image utilisée, à partir de son attribut "usemap" Texte

Exemple

Création de plusieurs zones "area" sur une image donnée :
1ière zone : carré noir, le lien pointe vers l'accueil du site qui s'ouvrira dans une nouvelle fenêtre.
2nde zone : partie orange, en utilisant la propriété "poly" qui pointe sur cette page (#)
3ième zone : partie verte, en utilisant à nouveau la propriété "poly"

 



  • a

    a

    La balise a permet de créer un lien hypertexte pointant vers un document ,l'url ,ancres au sein d'un document

    .......
    Voir Plus
  • area

    area

    La balise <area>.Est utilisée pour marquer une zone active sur une image

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces