Descubre algunas de las funciones interesantes que llegaron en los navegadores web estables y beta en noviembre de 2023.
Versiones del navegador estable
En noviembre de 2023, solo tuvimos una versión estable del navegador con Firefox 120. En esta publicación, se analiza lo que eso significa para la plataforma web.
Compatibilidad con el atributo media en el elemento <source>
Firefox vuelve a introducir la compatibilidad con el atributo media en el elemento <source>. Se expande la compatibilidad para incluir los elementos <audio> y <video>. Con esta versión, el atributo multimedia estará disponible en elementos <source> dentro de <audio>, <video> y <picture>.
La compatibilidad con el atributo media estará disponible en Chrome y ya está disponible en Safari, por lo que pronto tendrás compatibilidad con audio y video HTML responsivos en todos los motores.
La función light-dark() de color de CSS
Firefox ahora admite la función light-dark() de color 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 admite las unidades de CSS lh y rlh. Estas unidades te permiten establecer valores relacionados con la altura de línea de un elemento. Esto es útil cuando quieres alinear imágenes de fondo con texto.
Esta versión permite que estos unts interoperables en los tres motores principales.
Navegadores compatibles
- 109
- 109
- 120
- 16.4
Sugerencias iniciales de HTTP 103
Firefox ahora es compatible con el código de estado de respuesta de información HTTP 103 Early Hints.
Versiones beta del navegador
Las versiones beta del navegador te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar tu sitio antes de que todo el mundo reciba ese lanzamiento. Las versiones beta nuevas son Firefox 121, Chrome 120 y Safari 17.2. Estos lanzamientos traen muchas funciones excelentes a la plataforma. Consulta las notas de la versión para conocer todos los detalles. Estos son solo algunos de los aspectos destacados.
Chrome 120 y Safari 17.2 incluyen análisis relajado para el período de Nesting de CSS.
Chrome 120 quita el prefijo de las propiedades -webkit-mask* y las alinea 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 permite que :has() sea interoperable en todos los motores principales.
Parte de la serie web "Novedad en la Web"