Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a novembre 2023.
Release del browser stabili
A novembre 2023, avevamo una sola versione stabile del browser con Firefox 120. Questo post spiega cosa significa questo per la piattaforma web.
Supporto per l'attributo media nell'elemento <source>
Firefox reintroduce il supporto per l'attributo media nell'elemento <source>. Il supporto è stato esteso per includere gli elementi <audio> e <video>. In questa release, l'attributo media sarà disponibile negli elementi <source> all'interno di <audio>, <video> e <picture>.
Il supporto per l'attributo media sarà presto disponibile in Chrome e lo sarà già in Safari, quindi a breve avrai supporto per audio e video HTML adattabili in tutti i motori.
La funzione del colore CSS light-dark()
Firefox ora supporta la funzione del colore CSS light-dark(). Ciò significa che puoi impostare i colori per gli schemi chiari e scuri senza utilizzare la funzionalità dei contenuti multimediali di prefers-color-scheme.
Le unità lh e rlh
Firefox supporta le unità CSS lh e rlh. Queste unità consentono di impostare valori relativi all'altezza della riga di un elemento,
utili quando vuoi allineare le immagini di sfondo al testo.
Questa release rende gli unt interoperabili in tutti e tre i motori principali.
Supporto dei browser
- 109
- 109
- 120
- 16.4
Early Hints HTTP 103
Firefox ora supporta il codice di stato della risposta alle informazioni HTTP 103 Early Hints.
Versioni del browser beta
Le versioni beta del browser offrono un'anteprima dei contenuti che saranno presenti nella versione stabile successiva del browser. È un ottimo momento per testare nuove funzionalità, o rimozioni, che potrebbero avere un impatto sul tuo sito prima che il mondo venga rilasciato. Le nuove beta sono Firefox 121, Chrome 120 e Safari 17.2. Queste release integrano molte funzionalità eccezionali sulla piattaforma. Consulta le note di rilascio per tutti i dettagli. Ecco alcuni punti salienti.
Chrome 120 e Safari 17.2 includono un'analisi più lenta per il Nesting CSS.
Chrome 120 annulla il prefisso delle proprietà -webkit-mask* e le rende in linea con le specifiche attuali. Sono inclusi mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size e mask-composite, nonché la forma abbreviata di mask. I riferimenti mask-image locali sono supportati, la serializzazione ora corrisponde alla specifica e i valori accettati ora corrispondono alla specifica.
Chrome 120 e Safari 17.2 includono il supporto per l'attributo name per
l'elemento <details>.
Firefox 121 include il selettore :has() CSS. Questa release rende :has() interoperabile in tutti i principali motori.
Parte della serie Novità per il web