Nouveautés sur la plate-forme Web en novembre

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en novembre 2023.

Versions stables des navigateurs

En novembre 2023, nous ne disposions que d'une seule version de navigateur stable avec Firefox 120. Cet article examine ce que cela signifie pour la plate-forme Web.

Compatibilité de l'attribut media dans l'élément <source>

L'attribut media dans l'élément <source> sera de nouveau pris en charge par Firefox. La prise en charge est étendue pour inclure les éléments <audio> et <video>. Avec cette version, l'attribut multimédia sera disponible dans les éléments <source> de <audio>, <video> et <picture>.

L'attribut media sera bientôt compatible avec Chrome et déjà dans Safari. Vous pourrez donc bientôt accepter les contenus audio et vidéo HTML responsifs sur tous les moteurs.

Fonction light-dark() de couleur CSS

Firefox prend désormais en charge la fonction CSS Color light-dark(). Cela signifie que vous pouvez définir des couleurs pour les jeux clairs et sombres sans utiliser la fonctionnalité multimédia prefers-color-scheme.

Navigateurs pris en charge

  • 123
  • 123
  • 120
  • 17,5

Source

Unités lh et rlh

Firefox accepte les unités CSS lh et rlh. Ces unités vous permettent de définir des valeurs relatives à la hauteur de ligne d'un élément, ce qui est utile lorsque vous souhaitez aligner des images de fond avec du texte. Cette version rend ces unts interopérables sur les trois principaux moteurs.

Navigateurs pris en charge

  • 109
  • 109
  • 120
  • 16.4

Premières recommandations HTTP 103

Firefox prend désormais en charge le code d'état de réponse d'information HTTP 103 Early Hints.

Navigateurs pris en charge

  • 103
  • 103
  • 120
  • 17

Source

Versions bêta des navigateurs

Les versions bêta du navigateur vous donnent un aperçu des nouveautés de la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou suppressions, qui pourraient avoir un impact sur votre site avant qu'elle ne soit lancée publiquement. Les nouvelles versions bêta sont Firefox 121, Chrome 120 et Safari 17.2. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Consultez les notes de version pour en savoir plus. En voici quelques-unes.

Chrome 120 et Safari 17.2 incluent une analyse assouplie pour l'imbrication CSS.

Chrome 120 annule le préfixe des propriétés -webkit-mask* et les met en conformité avec la spécification actuelle. Cela inclut mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size et mask-composite, ainsi que le raccourci mask. Les références mask-image locales sont prises en charge, la sérialisation correspond désormais à la spécification et les valeurs acceptées correspondent désormais à la spécification.

Chrome 120 et Safari 17.2 sont compatibles avec l'attribut name pour l'élément <details>.

Firefox 121 inclut le sélecteur CSS :has(). Cette version rend :has() interopérable sur tous les principaux moteurs.

Fait partie de l'événement New to the Web Series