Ορισμός και χρήση
Η ετικέτα
<map> ορίζει τις περιοχές επάνω σε μια εικόνα
που θα είναι σύνδεσμοι (links). Η ιδιότητα
name της ετικέτας είναι απαραίτητη καθώς χρησιμοποιείται για την αναφορά στην ιδιότητα
usemap της ετικέτας
<img>. Με αυτόν τον τρόπο γίνεται η σύνδεση των περιοχών-links που γράφονται στην
<map> και της εικόνας.
Η ετικέτα <area> τοποθετείται πάντα μέσα στην
<map> και ορίζει τις συντεταγμένες των περιοχών-links των εικόνων
Ετικέτα τέλους:
</map>
Παράδειγμα
Πηγαίος Κώδικας |
Αποτέλεσμα στον browser |
<img src="shapes.gif" width="152" height="152" border="0" usemap="#shapesMap">
<map name="shapesMap" id="shapesMap" >
<area shape="rect" coords="62,20,103,59" href="clickOnTriangle.html">
<area shape="rect" coords="27,76,58,103" href="clickOnSquare.html">
<area shape="rect" coords="93,84,141,120" href="clickonCircle">
</map> |
|
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Καμία
Ιδιότητες
Ιδιότητα |
Τιμή |
Περιγραφή |
name |
όνομα |
Ορίζει ένα μοναδικό όνομα για την ετικέτα <map>. Με το όνομα αυτό γίνεται η σύνδεση του <map> και της εικόνας (<img>). Οι ιδιότητες id και name έχουν την ίδια τιμή |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
HTML Γεγονότα που μπορεί να πάρει η ετικέτα: