Informiere dich über einige der interessanten Funktionen, die im November 2023 in stabilen und Beta-Webbrowsern verfügbar sind.
Stabile Browserversionen
Im November 2023 gab es nur eine stabile Browserversion mit Firefox 120. In diesem Beitrag geht es darum, was das für die Webplattform bedeutet.
Unterstützung für das Attribut media im <source>-Element
In Firefox wird das Attribut media im <source>-Element wieder unterstützt. Die Unterstützung wird um die Elemente <audio> und <video> erweitert. Ab dieser Version ist das Medienattribut in <source>-Elementen in <audio>, <video> und <picture> verfügbar.
Das Attribut media wird bald auch in Safari unterstützt, sodass Sie bald responsive HTML-Videos und -Audioinhalte in allen Suchmaschinen unterstützen können.
CSS-Funktion „Farbe light-dark()“
Firefox unterstützt jetzt die CSS-Farbfunktion light-dark(). Das bedeutet, dass du Farben für helle und dunkle Schemas festlegen kannst, ohne die Medienfunktion prefers-color-scheme zu verwenden.
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 an Text ausrichten möchten.
Mit dieser Version sind diese Uns in allen drei Haupt-Engines interoperabel.
Unterstützte Browser
- 109
- 109
- 120
- 16.4
HTTP 103: Frühe Hinweise
Firefox unterstützt jetzt den Statuscode 103 Early Hints der HTTP-Informationsantwort.
Betaversionen des Browsers
Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in der nächsten stabilen Version des Browsers enthalten sein werden. Dies ist eine gute Gelegenheit, neue Funktionen oder Löschungen zu testen, die sich auf deine Website auswirken könnten, bevor diese Funktion veröffentlicht wird. Die neuen Betaversionen sind Firefox 121, Chrome 120 und Safari 17.2. Diese Releases bieten viele tolle Funktionen auf der Plattform. Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur einige der Highlights.
Chrome 120 und Safari 17.2 beinhalten ein relaxtes Parsen für CSS-Verschachtelungen.
In Chrome 120 wird das Präfix der -webkit-mask*-Attribute aufgehoben und sie 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 die Abkürzung 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-:has()-Selektor. Mit dieser Version ist :has() in allen wichtigen Suchmaschinen interoperabel.
Teil der Reihe Neues im Web