Kasım 2023'te kararlı ve beta web tarayıcılarında kullanıma sunulan ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
Kasım 2023'te Firefox 120 ile yalnızca bir tane kararlı tarayıcı sürümü yayınladık. Bu yayında, bu durumun web platformu için ne anlama geldiği ele alınmaktadır.
<source> öğesinde media özelliği için destek
Firefox, <source> öğesinde media özelliği için desteği yeniden sunuyor. Destek, <audio> ve <video> öğelerini içerecek şekilde genişletilmiştir. Bu sürümle birlikte medya özelliği, <audio>, <video> ve <picture> içindeki <source> öğelerinde kullanılabilecektir.
media özelliği için artık Chrome'da destek sunulmaya başlayacak ve şu anda Safari'de zaten mevcuttur. Bu nedenle, yakında tüm motorlarda duyarlı HTML video ve ses için desteğe sahip olacaksınız.
CSS Rengi light-dark() işlevi
Firefox artık light-dark() CSS Renk işlevini destekliyor. Yani prefers-color-scheme medya özelliğini kullanmadan açık ve koyu şemalar için renkleri ayarlayabilirsiniz.
lh ve rlh birimleri
Firefox, lh ve rlh CSS birimlerini destekler. Bu birimler, bir öğenin çizgi yüksekliğine göre değerler ayarlamanıza olanak tanır. Bu özellik, arka plan resimlerini metinle hizalamak istediğinizde yararlı olur.
Bu sürüm, bu cihazların üç ana motorla birlikte çalışabilmesini sağlıyor.
Tarayıcı Desteği
- 109
- 109
- 120
- 16,4
HTTP 103 Erken İpuçları
Firefox artık 103 Erken İpuçları HTTP bilgileri yanıt durum kodunu destekliyor.
Beta tarayıcı sürümleri
Beta tarayıcı sürümleri, tarayıcının sonraki kararlı sürümünde olacak öğelerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni betalar Firefox 121, Chrome 120 ve Safari 17.2'dir. Bu sürümler, platforma birçok harika özellik getiriyor. Tüm ayrıntılar için sürüm notlarına göz atın. Bazı önemli noktaları aşağıda bulabilirsiniz.
Chrome 120 ve Safari 17.2, CSS İç İçe Yerleştirme için rahat ayrıştırma özelliğini içerir.
Chrome 120, -webkit-mask* özelliklerinin ön ekini kaldırır ve bunları geçerli spesifikasyonla uyumlu hale getirir. Buna mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size ve mask-composite ile mask kısaltması dahildir. Yerel mask-image referansları desteklenmektedir, serileştirme artık spesifikasyonla eşleşiyor ve kabul edilen değerler artık spesifikasyonla eşleşiyor.
Chrome 120 ve Safari 17.2, <details> öğesi için name özelliğini destekler.
Firefox 121, CSS :has() seçiciyi içerir. Bu sürüm, :has() aracının tüm önemli motorlarda birlikte çalışabilmesini sağlar.
Web'de yeniler serisinin bir parçası