Wkraczamy już w ostatni kwartał 2023 roku z dużymi postępami we wszystkich przeglądarkach w obszarach, w których ważne jest wprowadzenie w 2023 r. Z tego artykułu dowiesz się więcej o wynikach Interrop 2023 oraz o funkcjach, które są teraz dostępne w związku z tegorocznymi wysiłkami.
Stan w styczniu 2023 r.
W styczniu 2023 r. ogłosiliśmy uruchomienie kampanii Interop 2023 i 26 głównych obszarów, które będą doskonalone we wszystkich wyszukiwarkach.
Ogólny wynik interakcji dla przeglądarek eksperymentalnych w momencie uruchomienia wynosił 62.
Stan na październik 2023 r.
Ogólny wynik interakcji dla przeglądarek eksperymentalnych wynosi 89. Jeśli przełączysz się na widok stabilny i przyjrzysz się elementom, które zostały już dostarczone do stabilnych przeglądarek, wynik będzie zadowalający 75. Za tym wynikem kryje się wiele funkcji, które działają teraz w głównych wyszukiwarkach. Niektóre z nich to drobne poprawki w zakresie interoperacyjności, ale także pewne główne funkcje.
Rozmiar zapytań dotyczących kontenerów i wartości ich długości
W lutym świętowaliśmy współdziałanie zapytań dotyczących kontenerów. O taką funkcję prosili twórcy stron internetowych od dawna, a opracowanie jej tak szybko we wszystkich wyszukiwarkach okazało się ogromnym sukcesem.
Razem z zapytaniami o kontenery pojawiły się też jednostki zapytań kontenerów.
Są one używane tak samo jak jednostki widocznego obszaru, np. vw
. Różnica polega na tym, że odnoszą się one do kontenera, a nie do widocznego obszaru.
Obsługa przeglądarek
- 105
- 105
- 110
- 16
Przestrzenie i funkcje kolorów
W maju usługi przestrzeni kolorów Lab, LCH, Oklab i Oklch zostały udostępnione z zakresu interoperacyjności. Zapisy funkcyjne CSS lab()
, lch()
, oklab()
i oklch()
umożliwiają programistom korzystanie z tych przestrzeni kolorów. Dołączono też adnotacje funkcjonalne (color()
i color-mix()
).
Więcej informacji o nowych przestrzeniach i funkcjach kolorów znajdziesz w przewodniku po kolorach CSS w wysokiej rozdzielczości.
Podsiatka
Funkcja podrzędna dla układu siatki CSS to nowa wartość dla właściwości grid-template-columns
i grid-template-rows
, która umożliwia użycie w zagnieżdżonej siatce definicji ścieżki z siatki nadrzędnej. Oznacza to, że możesz wyrównać elementy zagnieżdżone
w strukturze siatki.
Więcej informacji o siatce podrzędnej Aby poznać niektóre utrudnienia, które sprawiły, że implementacja subsiatki stała się trudniejsza, obejrzyj ten film na kanale BlinkOn 18.
Atrybut bezwłaściwy HTML
Atrybut globalny HTML inert
oznacza, że sekcje strony możesz oznaczać jako bezwładne. Zapobiega to uruchamianiu zdarzeń kliknięcia i zaznaczenia, a także ukryje element i jego zawartość w drzewie ułatwień dostępu. Jest to przydatne np. w przypadku treści, które nie są widoczne na ekranie, więc powinny być też nieaktywne dla czytników ekranu.
To nie wszystko
Oprócz tych ważnych funkcji w przeglądarkach pojawiło się w tym roku wiele innych funkcji i poprawek. Na resztę roku mamy nowe wersje przeglądarek, a ich pełne podsumowanie opublikujemy, gdy będą już dostępne.