Kami telah memasuki kuartal terakhir tahun 2023 dengan banyak progres dari semua browser di area fokus Interop 2023. Dalam artikel ini, cari tahu tentang skor Interop 2023 sejauh ini, dan fitur yang kini tersedia karena upaya tahun ini.
Status pada Januari 2023
Pada Januari 2023, kami mengumumkan peluncuran Interop 2023 dan 26 area fokus yang akan ditingkatkan kualitasnya oleh semua mesin sepanjang tahun ini.
Skor Interop keseluruhan untuk browser Eksperimental pada saat peluncuran adalah 62.
Status per Oktober 2023
Keseluruhan skor Interop untuk browser Eksperimental adalah 89. Jika Anda beralih ke tampilan Stabil dan melihat hal-hal yang telah dikirim ke browser stabil, skornya adalah 75. Di balik skor tersebut, terdapat banyak hal yang kini berfungsi di semua mesin utama. Beberapa di antaranya adalah perbaikan interoperabilitas kecil, tetapi juga beberapa fitur utama.
Mengubah ukuran kueri penampung dan nilai panjang kueri penampung
Pada bulan Februari, kami merayakan kueri container ukuran yang menjadi dapat dioperasikan bersama. Ini adalah fitur yang telah lama diminta bagi developer web, dan menyediakannya di semua mesin dengan begitu cepat adalah kemenangan besar bagi platform web.
Bersama dengan kueri penampung ukuran, hadir unit kueri penampung.
Elemen ini digunakan dengan cara yang sama seperti unit area tampilan seperti vw
. Perbedaannya adalah unit tersebut terkait dengan penampung, bukan area tampilan.
Dukungan Browser
- 105
- 105
- 110
- 16
Ruang Warna dan fungsi
Pada bulan Mei, ruang warna Lab, LCH, Oklab, dan Oklch didukung secara
interoperasi. Notasi fungsional CSS lab()
, lch()
, oklab()
, dan
oklch()
memberi developer cara untuk menggunakan ruang warna ini. Notasi
fungsional color()
dan color-mix()
juga disertakan.
Anda dapat mempelajari ruang warna dan fungsi baru ini lebih lanjut di Panduan warna CSS definisi tinggi.
Subgrid
Fitur subpetak untuk tata letak petak CSS adalah nilai baru untuk
grid-template-columns
dan grid-template-rows
yang memungkinkan petak bertingkat
menggunakan definisi jalur dari petak induk. Ini berarti Anda dapat menjajarkan
hal-hal yang disarangkan dalam struktur {i>grid<i} Anda.
Pelajari subgrid lebih lanjut. Untuk menemukan beberapa kompleksitas yang menyulitkan penerapan subgrid, tonton video dari BlinkOn 18 ini.
Atribut inert HTML
Dengan atribut global inert
HTML, Anda dapat menandai bagian halaman sebagai tidak aktif. Tindakan ini
akan mencegah peristiwa klik dan fokus, serta menyembunyikan elemen dan kontennya dari
hierarki aksesibilitas. Misalnya, ini berguna untuk konten yang secara visual berada di luar layar,
dan karenanya juga harus tidak aktif untuk pembaca layar.
Dan masih ada lagi
Selain fitur utama tersebut, banyak fitur dan perbaikan lainnya telah hadir di browser tahun ini. Ada rilis browser yang disiapkan selama sisa tahun ini, dan kami akan memposting rangkuman lengkap setelah semua skor masuk.