Beispiel
Eine Verbindung mit einem media - Attribut:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Versuch es selber " Definition und Verwendung
Das media - Attribut gibt an, welche Medien / Gerät das verknüpfte Dokument für optimiert ist.
Dieses Attribut wird verwendet, um festzulegen, dass die Ziel-URL für spezielle Geräte entwickelt (wie iPhone), Sprache oder Printmedien.
Dieses Attribut kann mehrere Werte annehmen.
Wenn die einzige verwendete href Attribut vorhanden ist.
Hinweis: Dieses Attribut rein beratende ist.
Browser-Unterstützung
| Element | ||||||
|---|---|---|---|---|---|---|
| media | ja | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
Das media - Attribut ist neu in HTML5.
Syntax
<a media="value">
Mögliche Operatoren
| Wert | Beschreibung |
|---|---|
| and | Gibt ein AND - Operator |
| not | Gibt einen NOT Operator |
| , | Gibt einen OR Operator |
Geräte
| Wert | Beschreibung |
|---|---|
| all | Standard. Geeignet für alle Geräte |
| aural | Sprachsynthesizer |
| braille | Braille-Feedback-Geräte |
| handheld | Handheld-Geräte (kleiner Bildschirm, begrenzte Bandbreite) |
| projection | Projektoren |
| Der Vorschaumodus / Druckseiten | |
| screen | Computer-Bildschirme |
| tty | Fernschreiber und ähnliche Medien einen festen Zeichenraster mit |
| tv | TV-Typ-Geräte (niedrige Auflösung, begrenzte Scroll-Fähigkeit) |
Werte
| Wert | Beschreibung |
|---|---|
| width | Gibt die Breite des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-width:500px)" |
| height | Gibt die Höhe des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (max-height:700px)" |
| device-width | Gibt die Breite des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-width:500px)" |
| device-height | Gibt die Höhe des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-height:500px)" |
| orientation | Gibt die Ausrichtung des Zielanzeige / Papier. Mögliche Werte: "portrait" oder "landscape" Beispiel: media="all and (orientation: landscape)" |
| aspect-ratio | Gibt die Breite / Höhe-Verhältnis der Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Gibt die Gerätebreite / device-Höhe-Verhältnis der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| color | Gibt die Bits pro Farbe des Zielanzeige. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media = "screen und (Farbe: 3)" |
| color-index | Gibt die Anzahl der Farben kann die Zielanzeige behandeln. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-color-index:256)" |
| monochrome | Gibt die Bits pro Pixel in einem Monochrom-Frame-Puffer. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (monochrome:2)" |
| resolution | Gibt die Pixeldichte (dpi oder dpcm) der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="print and (resolution:300dpi)" |
| scan | Gibt Scan-Methode von einer TV-Anzeige. Mögliche Werte sind "progressive" und "interlace" . Beispiel: media = "tv und (Scan: Interlace)" |
| grid | Gibt an, ob das Ausgabegerät Raster oder Bitmap ist. Mögliche Werte sind "1" für die Netz, und "0" sonst. Beispiel: media="handheld and (grid:1)" |