Baru menggunakan platform web pada bulan November

Temukan beberapa fitur menarik yang telah hadir di browser web stabil dan beta pada November 2023.

Rilis browser stabil

Pada November 2023, kami hanya memiliki satu rilis browser stabil dengan Firefox 120. Postingan ini membahas apa arti hal tersebut bagi platform web.

Dukungan untuk atribut media dalam elemen <source>

Firefox memperkenalkan kembali dukungan untuk atribut media di elemen <source>. Dukungan diperluas untuk menyertakan elemen <audio> dan <video>. Dengan rilis ini, atribut media akan tersedia dalam elemen <source> dalam <audio>, <video>, dan <picture>.

Dukungan untuk atribut media akan hadir di Chrome, dan sudah tersedia di Safari, jadi Anda akan segera memiliki dukungan untuk video dan audio HTML yang responsif di semua mesin telusur.

Fungsi light-dark() Warna CSS

Firefox kini mendukung fungsi Warna CSS light-dark(). Artinya, Anda dapat menetapkan warna untuk skema terang dan gelap tanpa menggunakan fitur media prefers-color-scheme.

Dukungan Browser

  • 123
  • 123
  • 120
  • 17,5

Sumber

Unit lh dan rlh

Firefox mendukung unit CSS lh dan rlh Unit ini memungkinkan Anda menyetel nilai yang relatif terhadap tinggi baris elemen, hal ini berguna saat Anda ingin menyelaraskan gambar latar dengan teks. Rilis ini membuat interoperabilitas ini di ketiga engine utama.

Dukungan Browser

  • 109
  • 109
  • 120
  • 16,4

Petunjuk Awal HTTP 103

Firefox kini mendukung kode status respons informasi HTTP 103 Early Hints.

Dukungan Browser

  • 103
  • 103
  • 120
  • 17

Sumber

Rilis browser beta

Versi browser beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil berikutnya dari browser. Inilah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dipublikasikan. Versi beta yang baru adalah Firefox 121, Chrome 120, dan Safari 17.2. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui detailnya. Berikut adalah beberapa sorotan.

Chrome 120 dan Safari 17.2 menyertakan penguraian santai untuk CSS Nesting.

Chrome 120 menghapus awalan properti -webkit-mask* dan menyesuaikannya dengan spesifikasi saat ini. Ini mencakup mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, dan mask-composite, serta singkatan mask. Referensi mask-image lokal didukung, serialisasi kini sesuai dengan spesifikasi, dan nilai yang diterima kini sesuai dengan spesifikasi.

Chrome 120 dan Safari 17.2 menyertakan dukungan untuk atribut name bagi elemen <details>.

Firefox 121 menyertakan pemilih :has() CSS. Rilis ini membuat :has() memiliki interoperabilitas di semua mesin utama.

Bagian dari serial New to the web