Παράμετρος usemap στο HTML <img>

HTML <img> ετικέτα

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

usemap Παραμέτρους που ορίζουν την εικόνα ως χάρτη αναφοράς πελάτη.

Η εικόνα με χάρτη αναφοράς είναι μια εικόνα με περιοχές που μπορούν να κάνουν κλικ.

usemap Παραμέτρους που σχετίζονται με Στοιχείο <map> συνδέεται με την ιδιότητα name ή id, για να δημιουργηθεί σχέση μεταξύ του <img> και του <map>.

Σημείωση:Δεν μπορεί να χρησιμοποιηθεί αν το στοιχείο <img> είναι απογόνι του στοιχείου <a> ή <button>. usemap Παραμέτρους.

Εκτενέστερη ανάγνωση: Περιγραφή της ιδιότητας usemap

Παράδειγμα

Εικόνα με δυνατότητα κλικ:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="Computer" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="Phone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Cup of coffee" href="coffee.html">
</map>

Προσπαθήστε το μόνοι σας

Γραμματική

<img usemap="#mapname">

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

Τιμή Περιγραφή
#mapname Το χαρακτήρα井号 (#) και το όνομα του στοιχείου <map> που θα χρησιμοποιηθεί.

Εκτενέστερη ανάγνωση: Περιγραφή της ιδιότητας usemap

usemap Η ιδιότητα παρέχει ένα μηχανισμό "επιφάνειας εργασίας" για την εικόνα映射, αποκλείοντας αποτελεσματικά την επεξεργασία των συντεταγμένων του ποντικιού από τον διακομιστή και τα προβλήματα καθυστέρησης του δικτύου που προκύπτουν από αυτήν. Με την χρήση ειδικών ετικετών <map> και <area>, οι δημιουργοί HTML μπορούν να παρέχουν μια περιγραφή της συνάρτησης των συντεταγμένων της περιοχής hyperlinked της εικόνας usemap, η οποία περιλαμβάνει και τις URL των hyperlinks. Η τιμή της ιδιότητας usemap είναι μια URL που δείχνει σε ειδική περιοχή <map>. Το πρόγραμμα περιήγησης του υπολογιστή του χρήστη θα μετατρέπει τις συντεταγμένες του ποντικιού που κάνει κλικ στην εικόνα σε συγκεκριμένες ενέργειες, συμπεριλαμβανομένων της φόρτωσης και εμφάνισης ενός άλλου έγγραφου.

Είμαστε σε θέση να δώσουμε ένα παράδειγμα, η παρακάτω κώδικας πηγής μετατρέπει μια εικόνα 100x100 pixel map.gif σε τέσσερις περιοχές, όταν ο χρήστης κάνει κλικ σε μια από αυτές τις περιοχές, θα συνδεθεί σε διαφορετικά έγγραφα. Παρακαλώ σημειώστε ότι στην ετικέτα <img> έχουμε αποτελεσματικά ενσωματώσει τη λειτουργία χειρισμού της εικόνας映射 ismap, ώστε οι χρήστες των προγραμμάτων περιήγησης που δεν έχουν τη λειτουργία χειρισμού usemap, να μπορούν να χειρίζονται την εικόνα映射 μέσω μιας άλλης μεθόδου, δηλαδή μέσω μηχανισμού διακομιστή:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>
<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

Η διαφορά στην εφαρμογή των ιδιοτήτων ismap και usemap

Η χρήση των ιδιοτήτων ismap και usemap είναι ένας κακός παράδειγμα, όπως κατά την περιήγηση σε ιστοσελίδες μιας μεγάλης εταιρείας σε ολόκληρη τη χώρα, ο χρήστης μπορεί να κάνει κλικ στην πόλη όπου μένει στο χάρτη για να πάρει τη διεύθυνση και τον αριθμό τηλεφώνου των τοπικών καταστημάτων και άλλες πληροφορίες.

Η χρήση του usemap για την επεξεργασία εικόνων χάρτη δεν απαιτεί 서버 ή ειδικό λογισμικό του servers, σε αντίθεση με το σύστημα ismap, μπορεί να χρησιμοποιηθεί σε περιβάλλοντα χωρίς web (χωρίς δίκτυο), όπως η χρήση τοπικών αρχείων ή CD-ROM.

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

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

HTML <img> ετικέτα