Ιδιότητα media του HTML <link>

HTML <link> ετικέτα

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

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

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

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

media Η ιδιότητα μπορεί να δεχτεί πολλαπλές τιμές.

Παράδειγμα

Δύο διαφορετικές στυλταμπές για δύο διαφορετικές τύπους μέσων (οθόνη και εκτύπωση):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

Προσπαθήστε το προσωπικά

Γραμματική

<link media="τιμή>

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

Δείκτες Περιγραφή
και Καθορίζει τον δείκτη AND.
μη Καθορίζει τον δείκτη NOT.
, Καθορίζει τον δείκτη OR.

Συσκευή

Συσκευή Περιγραφή
όλα Προεπιλεγμένο. Χρησιμοποιείται για όλες τις συσκευές τύπου μέσων.
εκτύπωση Χρησιμοποιείται για προεπισκόπηση εκτύπωσης/σελίδα εκτύπωσης.
οθόνη Χρησιμοποιείται για υπολογιστές, ταμπλέτες, κινητά τηλέφωνα κ.λπ.
ομιλία Χρησιμοποιείται για οθόνες αναγνώστης σελίδων για αναγνώριση κειμένου.
ακουστικό Απόκτησε την αντικατάσταση.Συνθετής φωνής.
γραμμή Απόκτησε την αντικατάσταση.Συσκευές ανατροφοδότησης για τυφλούς.
χειρισμός Απόκτησε την αντικατάσταση.Συσκευές χειρισμού (μικρός οθόνη, περιορισμένη πλάτος σύνδεσης).
προβολή Απόκτησε την αντικατάσταση.Προβολέας.
tty Απόκτησε την αντικατάσταση.Χρησιμοποιείται για τηλετυπογραφικό τηλεπικοινωνιακό μηχάνημα και παρόμοια μέσα με σταθερή απόσταση χαρακτήρων.
tv Απόκτησε την αντικατάσταση.Τύπος τηλεόρασης συσκευής (χαμηλή λύση, περιορισμένη ικανότητα κύλισης).

Τιμή

Τιμή Περιγραφή
aspect-ratio

Καθορίζει το πλάτος/ύψος ratio της στόχου περιοχής προβολής.

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

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

Καθορίζει τον αριθμό των bits κάθε χρώματος στο στόχο οθόνης.

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

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

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

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

Παράδειγμα: media="screen and (min-color-index:256)"
device-aspect-ratio Απόκτησε την αντικατάσταση.Καθορίζει το ratio device-width/device-height του στόχου οθόνης/χαρτοταινίας.
device-width Απόκτησε την αντικατάσταση.Καθορίζει την πλάτος του στόχου οθόνης/χαρτοταινίας.
device-height Απόκτησε την αντικατάσταση.Καθορίζει την ύψος του στόχου οθόνης/χαρτοταινίας.
δικτύο

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

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

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

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

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

Παράδειγμα: media="screen and (max-height:700px)"
μονοχρωμικός

Καθορίζει τον βιτσέλ比特 κάθε εικονοστοιχείου στη μονοχρωμική καρτέλα βίντεο.

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

Παράδειγμα: media="screen and (monochrome:2)"
κατεύθυνση

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

Οι πιθανές τιμές είναι: "portrait" ή "landscape".

Παράδειγμα: media="all and (orientation: landscape)"
πυκνότητα

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

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

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

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

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

Παράδειγμα: media="tv and (scan:interlace)"
πλάτος

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

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

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

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

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

HTML <link> ετικέτα