Plataforma da Web novidade em novembro

Descubra alguns dos recursos interessantes que chegaram em navegadores da Web estáveis e Beta em novembro de 2023.

Rachel Andrew

Lançamentos de navegadores estáveis

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 da Web.

Suporte para o atributo media no elemento <source>

O Firefox reintroduz a compatibilidade com 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 será disponibilizado em elementos <source> no <audio>, <video> e <picture>.

O atributo media será compatível com o Chrome e já está no Safari. Em breve, você terá suporte para vídeo e áudio HTML responsivos em todos os mecanismos.

A função CSS Cor light-dark()

O Firefox agora oferece suporte à função CSS Color 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 para alinhar imagens de plano de fundo com o texto. Essa versão torna essas unts interoperáveis nos três principais mecanismos.

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 do navegador Beta

As versões Beta oferecem uma prévia do que vai estar na próxima versão estável do navegador. Esse é um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes do lançamento oficial. As novas versões Beta são o Firefox 121, o Chrome 120 e o Safari 17.2. Esses lançamentos trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para ver todos os detalhes. Estes são alguns destaques.

O Chrome 120 e o Safari 17.2 incluem análise relaxada para transição de CSS.

O Chrome 120 remove o prefixo das propriedades -webkit-mask* e as deixa alinhadas 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. As referências locais do mask-image são compatíveis, 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 ao atributo name do elemento <details>.

O Firefox 121 inclui o seletor CSS :has(). Esta versão torna o :has() interoperável em todos os principais mecanismos.

Parte da série na Web do Google