Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em novembro de 2023.
Versões estáveis do navegador
Em novembro de 2023, tínhamos apenas uma versão estável do navegador com o Firefox 120. Esta postagem analisa o que isso significa para a plataforma Web.
Suporte para o atributo media
no elemento <source>
.
O Firefox reapresenta o suporte para o atributo media
no elemento <source>
. O suporte foi expandido para incluir os elementos <audio>
e <video>
. Com esta versão, o atributo de mídia vai estar disponível em elementos <source>
no <audio>
, <video>
e <picture>
.
O suporte para o atributo media
será lançado no Chrome e já está no Safari. Em breve, você também terá suporte para áudio e vídeo HTML responsivos em todos os mecanismos.
A função CSS Cor light-dark()
O Firefox agora oferece suporte à função de cor CSS light-dark()
. Isso significa que você pode definir cores para esquemas claros e escuros sem usar o recurso de mídia prefers-color-scheme
.
As unidades lh
e rlh
O Firefox é compatível com as unidades CSS lh
e rlh
. Essas unidades permitem definir valores relativos à altura da linha de um elemento.
Isso é útil quando você quer alinhar imagens de plano de fundo com texto.
Essa versão torna essas unts interoperáveis nos três principais mecanismos.
Compatibilidade com navegadores
- 109
- 109
- 120
- 16.4
Dicas iniciais de HTTP 103
O Firefox agora oferece suporte ao código de status de resposta de informações HTTP 103 Early Hints.
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai estar na próxima versão estável. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes do lançamento ao público. As novas Betas são Firefox 121, Chrome 120 e Safari 17.2. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Veja alguns destaques do jogo.
O Chrome 120 e o Safari 17.2 incluem uma análise simplificada para o Nesting de CSS (link em inglês).
O Chrome 120 não prefixa as propriedades -webkit-mask*
e as alinha com a especificação atual. Isso inclui mask-image
, mask-mode
, mask-repeat
, mask-position
, mask-clip
, mask-origin
, mask-size
e mask-composite
, bem como a abreviação mask
. Há suporte para referências de mask-image
locais, a serialização agora corresponde à especificação e os valores aceitos agora correspondem à especificação.
O Chrome 120 e o Safari 17.2 incluem suporte para o atributo name
do
elemento <details>
.
O Firefox 121 inclui o seletor de CSS :has()
. Esta versão torna o :has()
interoperável entre todos os principais mecanismos.
Parte da série para iniciantes na Web