Chúng ta hiện đã đi vào quý cuối cùng của năm 2023, với rất nhiều tiến trình của tất cả trình duyệt trên các lĩnh vực trọng tâm của Interop 2023. Trong bài viết này, hãy tìm hiểu về điểm số của Interop 2023 cho đến thời điểm hiện tại, cũng như các tính năng hiện có nhờ nỗ lực của năm nay.
Trạng thái trong tháng 1 năm 2023
Tháng 1 năm 2023, chúng tôi thông báo về việc ra mắt sự kiện Interop 2023 và 26 lĩnh vực trọng tâm mà tất cả công cụ sẽ nỗ lực cải thiện trong năm.
Điểm tương tác tổng thể cho các trình duyệt Thử nghiệm tại thời điểm phát hành là 62.
Trạng thái tính đến tháng 10 năm 2023
Tổng điểm Khả năng tương tác của các trình duyệt Thử nghiệm là 89. Nếu bạn chuyển sang chế độ xem Ổn định và xem những nội dung đã được chuyển sang trình duyệt ổn định, thì điểm số này là 75. Đằng sau điểm số đó là rất nhiều thứ hiện đang hoạt động trên các công cụ chính. Một vài trong số đó là các bản sửa lỗi nhỏ về khả năng tương tác, nhưng cũng có một số tính năng chính.
Truy vấn vùng chứa kích thước và giá trị độ dài truy vấn vùng chứa
Vào tháng 2, chúng tôi đã tổ chức các truy vấn vùng chứa kích thước có thể tương tác. Đây là tính năng được các nhà phát triển web yêu cầu từ lâu, và việc cung cấp tính năng này trong mọi công cụ một cách nhanh chóng như vậy đã mang lại lợi ích to lớn cho nền tảng web.
Cùng với truy vấn vùng chứa kích thước là đơn vị truy vấn vùng chứa.
Các đơn vị này được sử dụng theo cách tương tự như các đơn vị khung nhìn như vw, điểm khác biệt là các đơn vị này liên quan đến vùng chứa chứ không phải khung nhìn.
Hỗ trợ trình duyệt
- 105
- 105
- 110
- 16
Không gian màu và hàm
Vào tháng 5, Phòng thí nghiệm không gian màu, LCH, Oklab và Oklch đã được hỗ trợ tương tác. Các ký hiệu chức năng CSS lab(), lch(), oklab() và oklch() cung cấp cho nhà phát triển một cách sử dụng các hệ màu này. Các chú thích chức năng color() và color-mix() cũng được đưa vào.
Bạn có thể tìm hiểu thêm về các không gian màu và hàm mới này trong Hướng dẫn màu CSS độ phân giải cao.
Lưới con
Tính năng lưới con cho bố cục lưới CSS là một giá trị mới cho grid-template-columns và grid-template-rows, cho phép một lưới lồng nhau sử dụng định nghĩa theo dõi từ lưới mẹ. Tức là bạn có thể xếp hàng những nội dung được lồng trong cấu trúc lưới.
Tìm hiểu thêm về lưới con. Để tìm hiểu một số vấn đề phức tạp khiến việc triển khai lưới con trở nên khó khăn, hãy xem video này của BlinkOn 18.
Thuộc tính HTML inert
Thuộc tính chung inert trong HTML có nghĩa là bạn có thể gắn cờ các phần trên trang là kiểu tĩnh. Thao tác này ngăn các sự kiện nhấp chuột và lấy nét, đồng thời ẩn phần tử và nội dung của phần tử đó khỏi cây hỗ trợ tiếp cận. Ví dụ: tính năng này hữu ích đối với nội dung hiển thị ngoài màn hình và do đó, cũng sẽ không hoạt động đối với trình đọc màn hình.
Và nhiều tính năng khác
Ngoài những tính năng chính này, nhiều tính năng và bản sửa lỗi khác cũng đã có mặt trên các trình duyệt trong năm nay. Chúng tôi sẽ đăng một bản tóm tắt đầy đủ cho các bản phát hành trình duyệt cho đến hết năm nay. Sau khi có tất cả các điểm số, chúng tôi sẽ đăng một bản tin tóm tắt đầy đủ.