HTML <area> ιδιότητα media

Ετικέτα <a> του HTML

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

media Η ιδιότητα καθορίζει ποιο μέσο ή συσκευή έχει βελτιστοποιηθεί το συνδεδεμένο έγγραφο.

Αυτή η ιδιότητα χρησιμοποιείται για να καθορίσει αν το στόχος URL είναι σχεδιασμένο για ειδικές συσκευές (όπως iPhone), φωνητικά ή τυπογραφικά μέσα.

Αυτή η ιδιότητα μπορεί να αποδεχτεί πολλαπλές τιμές.

Μόνο όταν υπάρχει Ιδιότητα href κατά τη χρήση.

Σημείωση:Αυτή η ιδιότητα είναι απολύτως προαιρετική.

Παράδειγμα

Επιλογή του στόχου URL που βελτιστοποιείται για μέσουμάς ή συσκευές μέσω της ιδιότητας media:

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun"
  href="sun.html" media="screen and (min-color-index:256)">
</map>

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

Γλώσσα

<area media="τιμή>

Πιθανοί δείκτες

Δείκτες Περιγραφή
and Ορίζει τον δείκτη AND.
not Ορίζει τον δείκτη NOT.
, Ορίζει τον δείκτη OR.

Συσκευή

Τιμή Περιγραφή
all Προεπιλεγμένο. Αποτελείται από όλες τις συσκευές.
aural Συνθετής ήχου.
braille Ανατροφοδότηση Braille.
handheld Χειριστικά συσκευές (μικρή οθόνη, περιορισμένη ζώνη宽带)
projection Προβολέας.
print Προεπισκόπηση εκτύπωσης/σελίδα εκτύπωσης.
screen Οθόνη υπολογιστή.
tty Teletype και παρόμοια μέσα που χρησιμοποιούν δίκτυο χαρακτήρων ίσου πλάτους.
tv Τηλεοπτικά συσκευές τύπου (χαμηλή λύση, περιορισμένη ικανότητα σελίδας)

Τιμή

Τιμή Περιγραφή
width

Ορίζει το πλάτος της περιοχής του στόχου οθόνης.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (min-width:500px)"
height

Ορίζει το ύψος της περιοχής του στόχου οθόνης.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (max-height:700px)"
device-width

Ορίζει το πλάτος του στόχου οθόνης/χαρτογράφου.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (device-width:500px)"
device-height

Ορίζει το ύψος του στόχου οθόνης/χαρτογράφου.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (device-height:500px)"
orientation

Ορίζει την κατεύθυνση του στόχου οθόνης/χαρτογράφου.

Πιθανές τιμές: "portrait" ή "landscape"

Παράδειγμα: media="all and (orientation: landscape)"
aspect-ratio

Ορίζει την αναλογία πλάτους/υψους της περιοχής του στόχου οθόνης.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Ορίζει τη αναλογία του device-width/device-height του στόχου οθόνης/χαρτογράφου.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (aspect-ratio:16/9)"
color

Ορίζει τον αριθμό των λεπτών του χρώματος του στόχου οθόνης.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (color:3)"
color-index

Ορίζει τον αριθμό των χρωμάτων που μπορεί να χειριστεί ο στόχος οθόνης.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (min-color-index:256)"
monochrome

Ορίζει τα bits ανά pixel στο μονοχρωμικό φρέντεμ.

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="screen and (monochrome:2)"
resolution

Ορίζει την πυκνότητα εικόνας του στόχου οθόνης/χαρτιού (dpi ή dpcm).

Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-".

Παράδειγμα: media="print and (resolution:300dpi)"
scan

Ορίζει τον τρόπο σάρωσης του τηλεοπτικού οθόνης.

Πιθανές τιμές είναι: "progressive" και "interlace".

Παράδειγμα: media="tv and (scan:interlace)"
grid

Ορίζει αν η έξοδος είναι δίκτυο ή bitmap.

Πιθανές τιμές: "1" για δίκτυο, "0" για άλλες.

Παράδειγμα: media="handheld and (grid:1)"

Υποστήριξη προγράμματος περιήγησης

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

Ετικέτα <a> του HTML