Ιδιότητα shape στο HTML <area>

Ετικέτα HTML <area>

Ορισμός και χρήση

μορφή Καθορίζει τη μορφή της περιοχής.

μορφή Η ιδιότητα Ιδιότητα coords Χρησιμοποιούνται μαζί για να καθορίσουν το μέγεθος, τη μορφή και τη θέση της περιοχής.

Παράδειγμα

Χρησιμοποιήστε τη ιδιότητα shape για να καθορίσετε τη μορφή κάθε περιοχής στον χάρτη εικόνας:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

Δοκιμάστε προσωπικά

Γλώσσα

<area shape="default|rect|circle|poly">

Τιμή ιδιότητας

Τιμή Περιγραφή
default Καθορίζει την ολόκληρη την περιοχή.
rect Ορίζει την περιοχή του ορθογώνιου.
circle Ορίζει την περιοχή του κύκλου.
poly Ορίζει την περιοχή του πολυγώνου.

Λεπτομερής εξήγηση:

μορφή Η ιδιότητα χρησιμοποιείται για να καθορίσει τη μορφή της περιοχής που είναι ευαίσθητη στον αριστερό κουμπί του ποντικιού στον χάρτη εικόνας:

  • Ο κύκλος (circ ή circle)
  • Το πολύγωνο (poly ή polygon)
  • Ο δακτύλιος (rect ή rectangle)

μορφή Η τιμή της ιδιότητας επηρεάζει την ερμηνεία του περιγράμματος από τον περιηγητή. Αν δεν χρησιμοποιείται μορφή χαρακτηριστικό, τότε θα υποθέσουμε τη χρήση της τιμής default. Σύμφωνα με τα πρότυπα, η default σημαίνει ότι η περιοχή καλύπτει ολόκληρη την εικόνα. Στην πρακτική, οι περιηγητές χρησιμοποιούν προεπιλεγμένες περιοχές ορθογωνίου και περιμένουν να βρουν 4 τιμές coords. Αν δεν καθοριστεί η μορφή και δεν περιλαμβάνονται 4 τιμές συντεταγμένων στο ετικέτα, ο περιηγητής θα αγνοήσει την ολόκληρη την περιοχή.

μπορεί να αναγνωριστεί μορφή Οι περιηγητές που παρέχουν την τιμή default του χαρακτηριστικού, μπορούν να παρέχουν μια περιοχή που περιλαμβάνει όλους τους "hot spots", για χρήση σε περιπτώσεις όπου ο χρήστης κάνει κλικ πέρα από το όριο των καθορισμένων "hot spots". Καθώς η περιοχή στο ετικέτα <map> χρησιμοποιεί τη σειρά "first come, first served", πρέπει να τοποθετηθεί η προεπιλεγμένη περιοχή στην κίνηση. Αν όχι, η προεπιλεγμένη περιοχή θα καλύψει όλες τις άλλες περιοχές που εμφανίζονται στις εικόνες του mapping.

Οι περιηγητές δεν έχουν στενές απαιτήσεις για την εκτέλεση του ονόματος της μορφής. Για παράδειγμα, για το ορθογώνιο, ο Netscape 4 δεν μπορεί να αναγνωρίσει "rectangle", αλλά μπορεί να αναγνωρίσει "rect". Για αυτόν τον λόγο, προτείνουμε τη χρήση συντομογραφικών ονομάτων.

Υποστήριξη περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Ετικέτα HTML <area>