HTML <source> srcset- Attribut
Beispiel
Ein <picture>-Element mit zwei Quelldateien und einem Fallback-Bild:
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img
src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
Definition und Verwendung
Das srcset
Attribut gibt die URL des Bildes an, das in verschiedenen Situationen verwendet werden soll.
Dieses Attribut ist erforderlich, wenn <source>
es in verwendet wird
<picture>
.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
Attribute | |||||
---|---|---|---|---|---|
srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Syntax
<source srcset="URL">
Attributwerte
Value | Description |
---|---|
URL | Specifies the URL of the image. Possible values:
|
❮ HTML-<source>-Tag