HTML <source> srcset Attribute

HTML source 标签参考手册HTML <source>-Tag

Beispiele

Verwenden Sie <source> innerhalb von <picture>, um Bilder festzulegen, die auf verschiedenen Bildschirmen angezeigt werden:

<picture> <source media="(min-width:650px)" srcset="/static.jyshare.com/images/example-logo.png"> <source media="(min-width:465px)" srcset="/static.jyshare.com/images/code-icon-script.png"> <img src="/static.jyshare.com/images/mix/hjkg_icon.png" style="width:auto;"> </picture>

Selbst ausprobieren »

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut unterstützt.

Attribute
srcset 38.0 13.0  38.0 9.1 25.0

Definition und Verwendung

Das srcset-Attribut wird verwendet, um die URL des Bildes anzugeben, das unter verschiedenen Bedingungen angezeigt werden soll.

Dieses Attribut ist erforderlich, wenn <source> auf das <picture>-Tag angewendet wird.

Unterschiede zwischen HTML 4.01 und HTML5

Das <source>-Tag ist neu in HTML5.

Syntax

<source srcset="URL">

Attributwerte

Wert Beschreibung
URL Legt die URL der Mediendatei fest.

Mögliche Werte:

  • Absolute URL - verweist auf eine andere Website (wie href="../horse.ogg.html")
  • Relative URL - verweist auf eine Datei innerhalb der Website (wie href="horse.ogg.html")

HTML source 标签参考手册HTML <source>-Tag Andere Erweiterungen