Descubre algunas de las funciones interesantes que se lanzaron a navegadores web estables y beta durante noviembre de 2023.
Versiones del navegador estable
En noviembre de 2023, solo tuvimos una versión estable para navegadores con Firefox 120. En esta publicación, se explica lo que esto significa para la plataforma web.
Compatibilidad con el atributo media en el elemento <source>
Firefox vuelve a admitir el atributo media en el elemento <source>. La compatibilidad se expande para incluir los elementos <audio> y <video>. Con esta versión, el atributo multimedia estará disponible en los elementos <source> dentro de <audio>, <video> y <picture>.
La compatibilidad con el atributo media estará disponible en Chrome y ya está en Safari, de modo que pronto se admitirá audio y video HTML responsivos en todos los motores.
La función light-dark() del color CSS
Firefox ahora admite la función de color light-dark() de CSS. Esto significa que puedes establecer colores para esquemas claros y oscuros sin usar la función multimedia prefers-color-scheme.
Las unidades lh y rlh
Firefox es compatible con las unidades de CSS lh y rlh. Estas unidades te permiten establecer valores relativos a la altura de la línea de un elemento, lo que resulta útil cuando deseas alinear imágenes de fondo con texto.
Esta versión los hace interoperables en los tres motores principales.
Navegadores compatibles
- 109
- 109
- 120
- 16.4
HTTP 103 Early Hints
Firefox ahora es compatible con el código de estado de respuesta de información HTTP 103 Early Hints.
Versiones del navegador Beta
Las versiones del navegador beta te ofrecen una vista previa de los elementos que estarán en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 121, Chrome 120 y Safari 17.2. Estos lanzamientos aportan muchas funciones increíbles a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son algunos aspectos destacados.
Chrome 120 y Safari 17.2 incluyen un análisis relajado para la anidación de CSS.
En Chrome 120, se quitan los prefijos de las propiedades -webkit-mask* y se alinean con la especificación actual. Esto incluye mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size y mask-composite, así como la abreviatura mask. Se admiten referencias locales de mask-image. La serialización ahora coincide con la especificación y los valores aceptados ahora coinciden con la especificación.
Chrome 120 y Safari 17.2 incluyen compatibilidad con el atributo name para el elemento <details>.
Firefox 121 incluye el selector :has() de CSS. Esta versión hace que :has() sea interoperable en todos los motores principales.
Parte de la serie de novedades en la Web