tas2580
Blog über Webentwicklung

HTML5 Attribut - media

Das media-Attribut gibt an, für welche Medien / Gerät das verknüpfte Dokument optimiert ist.

Beispiel

<a href="http://example.com" media="print and (resolution:300dpi)">drucken</a>

Demo

Definition und Verwendung

Darf nur verwendet werden wenn das href-Attribut vorhanden ist.


In Tags benutzt

Das media Attribut wird in den hier aufgelisteten Tags benutzt.

a

Definiert einen Hyperlink

Attribut Wert Beschreibung
media media_query Gibt an für welches Gerät das Ziel optimiert ist.

area

Definiert einen Bereich innerhalb einer Bildkarte

Attribut Wert Beschreibung
media media query Gibt an, welches Gerät die Ziel-URL für optimiert ist.

link

Definiert die Beziehung zwischen einem Dokument und einer externen Ressource (wird meistens verwendet um Stylesheets einzubinden)

Attribut Wert Beschreibung
media media_query Gibt an auf welchem Gerät das verknüpfte Dokument angezeigt wird.

source

Definiert mehrere Medienressourcen für die Medienelemente (<video> und <audio>)

Attribut Wert Beschreibung
media media_query Gibt die Art der Medienressource an.

style

Definiert Stilinformationen für ein Dokument

Attribut Wert Beschreibung
media media_query Gibt an, für welche Geräte die Medienressource optimiert ist.