Новое на веб-платформе в ноябре.

Узнайте о некоторых интересных функциях, которые появились в стабильных и бета-версиях веб-браузеров в ноябре 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 .

Поддержка браузера

  • 123
  • 123
  • 120
  • 17,5

Источник

lh и rlh блоки

Firefox поддерживает единицы CSS lh и rlh Эти единицы позволяют вам устанавливать значения относительно высоты строки элемента. Это полезно, когда вы хотите выровнять фоновые изображения с текстом. Этот выпуск делает эти unts совместимыми со всеми тремя основными движками.

Поддержка браузера

  • 109
  • 109
  • 120
  • 16,4

HTTP 103: ранние советы

Firefox теперь поддерживает код состояния ответа HTTP 103 Early Hints .

Поддержка браузера

  • 103
  • 103
  • 120
  • 17

Источник

Бета-версии браузера

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — 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() совместимым со всеми основными движками.

Часть новой веб-серии.