Узнайте о некоторых интересных функциях, которые появились в стабильных и бета-версиях веб-браузеров в ноябре 2023 года.
Стабильные версии браузера
В ноябре 2023 года у нас была только одна стабильная версия браузера — Firefox 120 . В этом посте рассматривается, что это значит для веб-платформы.
Поддержка атрибута media в элементе <source>
Firefox вновь вводит поддержку атрибута media в элементе <source> . Поддержка расширена за счет включения элементов <audio> и <video> . В этом выпуске атрибут media будет доступен в элементах <source> внутри <audio> , <video> и <picture> .
Поддержка атрибута media появится в Chrome и уже есть в Safari, поэтому вскоре вы получите поддержку адаптивного HTML-видео и аудио во всех движках.
Функция CSS Color light-dark()
Firefox теперь поддерживает функцию CSS Color light-dark() . Это означает, что вы можете устанавливать цвета для светлых и темных схем без использования медиа-функции prefers-color-scheme .
lh и rlh блоки
Firefox поддерживает единицы CSS lh и rlh Эти единицы позволяют вам устанавливать значения относительно высоты строки элемента. Это полезно, когда вы хотите выровнять фоновые изображения с текстом. Этот выпуск делает эти unts совместимыми со всеми тремя основными движками.
Поддержка браузера
- 109
- 109
- 120
- 16,4
HTTP 103: ранние советы
Firefox теперь поддерживает код состояния ответа HTTP 103 Early Hints .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 121 , Chrome 120 и Safari 17.2 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску. Вот лишь несколько основных моментов.
Chrome 120 и Safari 17.2 включают упрощенный анализ вложенности CSS .
В Chrome 120 префикс свойств -webkit-mask* удален и приведен в соответствие с текущей спецификацией. Сюда входят mask-image , mask-mode , mask-repeat , mask-position , mask-clip , mask-origin , mask-size и mask-composite , а также сокращение mask . Поддерживаются локальные ссылки mask-image , сериализация теперь соответствует спецификации, а принимаемые значения теперь соответствуют спецификации.
Chrome 120 и Safari 17.2 включают поддержку атрибута name для элемента <details> .
Firefox 121 включает селектор CSS :has() . Этот выпуск делает :has() совместимым со всеми основными движками.
Часть новой веб-серии.