HTML <a> media-Attribut
Definition und Verwendung
media Das Attribut legt fest, für welche Medien oder Geräte die Dokumentverknüpfung optimiert ist.
Dieses Attribut wird verwendet, um festzulegen, ob die Ziel-URL speziellen Geräten (wie iPhone), Sprach- oder Druckermedien angepasst ist.
Dieses Attribut kann mehrere Werte akzeptieren.
kann nur href-Attribut wird verwendet, wenn vorhanden.
Beachtung:Dieses Attribut ist rein vorschläglicher Natur.
Beispiel
Verknüpfung mit dem media-Attribut:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Öffnen Sie die Seite der media-Attribute für den Druck </a>
Syntax
<a media="value>
Mögliche Operator
| Operator | Beschreibung |
|---|---|
| and | Bestimmt den AND-Operator. |
| not | Bestimmt den NOT-Operator. |
| , | Bestimmt den OR-Operator. |
Gerät
| Wert | Beschreibung |
|---|---|
| all | Standard. Eignet sich für alle Geräte. |
| aural | Sprachsynthese. |
| braille | Blindenschrift-Feedback-Gerät. |
| handheld | Handheld-Geräte (kleiner Bildschirm, begrenzte Bandbreite). |
| projection | Projektor. |
| Druckvorschau-Modus/Druckseite. | |
| screen | Computerbildschirm. |
| tty | Telegraphenmaschinen und ähnliche Medien mit gleich breiten Zeichensätzen. |
| tv | Fernsehgerätetypen-Geräte (niedrige Auflösung, begrenzte paginierende Fähigkeit). |
Wert
| Wert | Beschreibung |
|---|---|
| width |
Bestimmt die Breite des Zielbildschirms. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (min-width:500px" |
| height |
Bestimmt die Höhe des Zielbildschirms. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (max-height:700px" |
| device-width |
Bestimmt die Breite des Ziel-Displays/Papieres. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (device-width:500px" |
| device-height |
Bestimmt die Höhe des Ziel-Displays/Papieres. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (device-height:500px" |
| orientation |
Bestimmt die Richtung des Ziel-Displays/Papieres. Mögliche Werte: "portrait" oder "landscape" Beispiel: media="all and (orientation: landscape" |
| aspect-ratio |
Bestimmt das Verhältnis von Breite/Höhe des Zielbildschirms. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (aspect-ratio:16/9" |
| device-aspect-ratio |
Bestimmt das Verhältnis von device-width/device-height des Ziel-Displays/Papieres. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (aspect-ratio:16/9" |
| color |
Bestimmt die Anzahl der Bits pro Farbe des Ziel-Displays. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (color:3" |
| color-index |
Bestimmt die Anzahl der Farben, die das Ziel-Display verarbeiten kann. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (min-color-index:256" |
| monochrome |
Bestimmt die Anzahl der Bits pro Pixel im monochromen Framebuffer. Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="screen and (monochrome:2)" |
| resolution |
Bestimmt die Pixel-Dichte des Zielbildschirms/Papiers (dpi oder dpcm). Verwendbare Präfixe sind "min-" und "max-". Beispiel: media="print and (resolution:300dpi)" |
| scan |
Bestimmt die Scanmethode des TV-Bildschirms. Mögliche Werte sind: "progressive" und "interlace". Beispiel: media="tv and (scan:interlace)" |
| grid |
Bestimmt, ob das Ausgabegerät ein Gitter oder ein Bitmap ist. Mögliche Werte: "1" für Gitter, "0" für andere. Beispiel: media="handheld and (grid:1)" |
Browser-Unterstützung
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Unterstützung | Unterstützung | Unterstützung | Unterstützung | Unterstützung |
