Publicado: 30 de março de 2026
Fevereiro foi outro mês agitado para a plataforma web. Desde segurança aprimorada com tipos confiáveis até uma sintaxe CSS mais ergonômica para formas complexas, as ferramentas à nossa disposição continuam a amadurecer em todos os principais mecanismos de navegador.
Neste resumo, daremos uma olhada nos recursos que atingiram os marcos da linha de base este mês, ajudando você a construir uma web mais robusta e capaz com a interoperabilidade em mente.
Lançado o Interop 2026
No mês passado, foi lançado o Interop 2026, que é um esforço para aumentar a interoperabilidade dos recursos da web. Este esforço envolve representantes de empresas que contribuem substancialmente para motores de renderização de navegadores:
A interoperabilidade é uma iniciativa importante porque os recursos emergentes da web são priorizados e muito esforço é feito para disponibilizar recursos de alta prioridade em todos os principais mecanismos de navegador. Tal como nos anos anteriores, há um painel disponível para ajudá-lo a compreender as taxas de aprovação dos testes em relação aos principais recursos identificados.
Recursos básicos recentemente disponíveis
Os recursos a seguir tornaram-se parte do Baseline em fevereiro de 2026, o que significa que agora têm suporte recente em todos os principais mecanismos de navegador.
CSS shape() função
O shape() função é uma nova adição ao clip-path e offset-path propriedades. Ao contrário do path() função, que requer uma única sequência de comandos do tipo SVG, shape() usa uma sintaxe CSS padrão. Isso permite que você use unidades CSS (como rem, emou %), funções matemáticas como calc()e até mesmo variáveis CSS nas suas definições de forma. Isso torna a criação de formas dinâmicas e responsivas significativamente mais fácil para desenvolvedores que se sentem mais confortáveis com CSS do que com strings de caminho SVG.
Saiba mais sobre o CSS shape() função no MDN.
Tipos confiáveis
A proteção de aplicativos da web contra ataques de cross-site scripting (XSS) baseados em DOM ganha um grande impulso com a chegada da linha de base da API Trusted Types. Esta API exige que os desenvolvedores processem dados por meio de “políticas” antes que eles possam ser passados para “sumidouros” perigosos – APIs que podem executar código ou renderizar HTML, como Element.innerHTML ou eval(). Ao aplicar essas políticas por meio da Política de Segurança de Conteúdo (CSP), você pode garantir que apenas dados higienizados ou “confiáveis” sejam usados de uma forma que possa levar a uma vulnerabilidade de injeção, movendo as verificações de segurança de um processo de revisão manual para uma garantia imposta pela plataforma.
Leia a documentação do API de tipos confiáveis no MDN.
Mapa getOrInsert() e getOrInsertComputed()
JavaScript Map objetos tornaram-se ainda mais ergonômicos com a adição de getOrInsert() e getOrInsertComputed(). Esses métodos simplificam o padrão comum de verificar se existe uma chave em um mapa e, caso contrário, inserir um valor padrão antes de retorná-lo. getOrInsert() é útil para valores padrão básicos, enquanto getOrInsertComputed() aceita uma função de retorno de chamada. O retorno de chamada só é executado se a chave estiver faltando, tornando-o ideal para casos em que a criação do valor padrão é computacionalmente cara.
Confira Mapa getOrInsert() no MDN.
Compressão Zpadrão
Zstandard (ou zstd) agora é uma opção de linha de base recentemente disponível para HTTP Content-Encoding. Conhecido por suas altas taxas de compressão e velocidades de descompressão extremamente rápidas, o Zstandard oferece uma alternativa moderna ao Gzip e ao Brotli. É particularmente eficaz em uma ampla variedade de tipos de dados, ajudando os desenvolvedores a reduzir a quantidade de dados enviados pela rede e a melhorar o tempo de carregamento da página sem sobrecarregar a CPU do usuário durante o processo de descompactação.
Explorar o Cabeçalho Content-Encoding e Zstandard no MDN.
Recursos amplamente disponíveis de linha de base
Este mês, uma ferramenta de internacionalização tornou-se amplamente disponível no Baseline.
O dirname Atributo HTML
O dirname atributo agora está amplamente disponível na linha de base. Este atributo pode ser adicionado a e elementos para capturar automaticamente a direcionalidade (seja ltr para a esquerda para a direita ou rtl da direita para a esquerda) do texto inserido pelo usuário. Quando o formulário é enviado, o navegador envia um campo adicional – nomeado após o valor do dirname atributo – contendo a direcionalidade. Este é um recurso essencial para aplicações que suportam usuários multilíngues, garantindo que o servidor receba o contexto necessário para exibir ou processar o texto corretamente na direção pretendida.
Encontre mais detalhes sobre atributo HTML dirname no MDN.
Isso é um embrulho
Como sempre, informe-nos se perdemos algo relacionado ao Baseline e garantiremos que isso seja capturado em uma edição futura! Se você tiver alguma dúvida ou quiser fornecer feedback sobre o Baseline, você pode registrar um problema em nosso rastreador de problemas.
