HTML ιδιότητα media του α
Ορισμός και χρήση
media η ιδιότητα καθορίζει ποιο μέσο ή συσκευή έχει βελτιστοποιηθεί το έγγραφο συνδέσμου.
αυτή η ιδιότητα χρησιμοποιείται για να καθορίσει αν η στοιχείο URL είναι σχεδιασμένο για ειδικές συσκευές (όπως iPhone), ομιλία ή εκτύπωση.
αυτή η ιδιότητα μπορεί να αποδεχτεί πολλαπλές τιμές.
μπορεί να χρησιμοποιηθεί μόνο ιδιότητα href χρησιμοποιείται όταν υπάρχει.
Σημείωση:αυτή η ιδιότητα είναι απολύτως προαιρετική.
παράδειγμα
θεσμοθέτησε την ιδιότητα του media
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Ανοίξτε τη σελίδα ιδιοτήτων media για εκτύπωση </a>
Γλώσσα
<a media="value>
Πιθανά λογισμικά
| Λογισμικό | Περιγραφή |
|---|---|
| and | Καθορίζει τον λογισμικό AND. |
| not | Καθορίζει τον λογισμικό NOT. |
| , | Καθορίζει τον λογισμικό OR. |
Συσκευή
| Τιμή | Περιγραφή |
|---|---|
| all | Προεπιλεγμένο. Υποστηρίζει όλα τα συσκευές. |
| aural | Συνθετής φωνής. |
| braille | Συσκευές αναγνώρισης τυφλού. |
| handheld | Χειριστικά συσκευές (μικρή οθόνη, περιορισμένη πλάτος). |
| projection | Προβολέας. |
| Προεπισκόπηση εκτύπωσης/σελίδα εκτύπωσης. | |
| screen | Οθόνη υπολογιστή. |
| tty | Τηλετυπογραφία και παρόμοια μέσα που χρησιμοποιούν δίκτυο χαρακτήρων ίσου πλάτους. |
| 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 |
Καθορίζει το ράtio πλάτους/υψους της στόχου περιοχής προβολής. Μπορούν να χρησιμοποιηθούν τα πρόθεσματα "min-" και "max-". Παράδειγμα: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
Καθορίζει το ράtio 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)" |
Υποστήριξη browser
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
