Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en novembre 2023.
Versions stables du navigateur
En novembre 2023, nous n'avions qu'une seule version stable du navigateur avec Firefox 120. Cet article examine ce que cela signifie pour la plate-forme Web.
Prise en charge de l'attribut media dans l'élément <source>.
Firefox réintègre la prise en charge de l'attribut media dans l'élément <source>. La prise en charge est étendue pour inclure les éléments <audio> et <video>. Dans cette version, l'attribut mé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 aurez donc bientôt l'assistance pour le contenu audio et vidéo HTML responsif sur tous les moteurs.
Fonction light-dark() de couleur CSS
Firefox est désormais compatible avec la fonction CSS Color light-dark(). Cela signifie que vous pouvez définir des couleurs pour les jeux de données clairs et sombres sans utiliser la fonctionnalité multimédia prefers-color-scheme.
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. Cela est utile lorsque vous souhaitez aligner des images de fond avec du texte.
Cette version rend ces non-fonctions interopérables entre les trois principaux moteurs.
Navigateurs pris en charge
- 109
- 109
- 120
- 16.4
Premières indications HTTP 103
Firefox est désormais compatible avec le code d'état de la réponse contenant les informations HTTP 103 Early Hints.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu des éléments qui seront disponibles dans 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 que le reste du monde ne soit publié. 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. Voici quelques-unes des principales nouveautés.
Chrome 120 et Safari 17.2 incluent une analyse flexible pour l'imbrication CSS.
Chrome 120 supprime le préfixe des propriétés -webkit-mask* et les harmonise 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 la série Web "New to the Web Series"