Neu auf der Webplattform im November

Entdecken Sie einige der interessanten Funktionen, die im November 2023 in stabilen und Beta-Webbrowsern eingeführt wurden.

Rachel Andrew

Stabile Browserversionen

Im November 2023 gab es mit Firefox 120 nur eine stabile Browserversion. In diesem Beitrag wird beschrieben, was das für die Webplattform bedeutet.

Unterstützung für das Attribut media im Element <source>

In Firefox wird das Attribut media im <source>-Element wieder unterstützt. Die Unterstützung wird um die Elemente <audio> und <video> erweitert. Mit dieser Version wird das Medienattribut in <source>-Elementen in <audio>, <video> und <picture> verfügbar sein.

Das Attribut media wird demnächst auch in Safari unterstützt, sodass responsive HTML-Video- und -Audio bald in allen Suchmaschinen unterstützt wird.

Die Funktion light-dark() für die CSS-Farbe

Firefox unterstützt jetzt die CSS-Farbfunktion light-dark(). Das bedeutet, dass Sie Farben für helle und dunkle Designs festlegen können, ohne die Medienfunktion „prefers-color-scheme“ zu verwenden.

Unterstützte Browser

  • 123
  • x
  • 120
  • x

Quelle

Die Einheiten lh und rlh

Firefox unterstützt die CSS-Einheiten lh und rlh. Mit diesen Einheiten können Sie Werte relativ zur Zeilenhöhe eines Elements festlegen. Dies ist nützlich, wenn Sie Hintergrundbilder am Text ausrichten möchten. Mit dieser Version sind diese UNs in allen drei wichtigen Suchmaschinen interoperabel.

Unterstützte Browser

  • 109
  • 109
  • 120
  • 16.4

HTTP 103 – Erste Hinweise

Firefox unterstützt jetzt den Statuscode 103 Early Hints für HTTP-Informationsantworten.

Unterstützte Browser

  • 103
  • 103
  • 120
  • 17

Quelle

Beta-Browser-Releases

Betaversionen des Browsers liefern Ihnen eine Vorschau auf Elemente, die sich in der nächsten stabilen Version des Browsers befinden werden. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder zu entfernen, die sich auf deine Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen sind Firefox 121, Chrome 120 und Safari 17.2. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier ein paar Highlights:

Chrome 120 und Safari 17.2 beinhalten lockerndes Parsing für CSS-Verschachtelung.

In Chrome 120 werden die Präfixe von -webkit-mask* entfernt und sie werden an die aktuelle Spezifikation angepasst. Dazu gehören mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size und mask-composite sowie das Kürzel mask. Lokale mask-image-Referenzen werden unterstützt, die Serialisierung entspricht jetzt der Spezifikation und die akzeptierten Werte entsprechen jetzt der Spezifikation.

Chrome 120 und Safari 17.2 unterstützen das Attribut name für das Element <details>.

Firefox 121 enthält den CSS-Selektor :has(). Diese Version macht :has() in allen wichtigen Suchmaschinen interoperabel.

Teil der Reihe zum Thema „Neu im Web“