Xuất bản: Ngày 12 tháng 2 năm 2026
Chúng tôi rất vui mừng thông báo về Interop 2026, một nỗ lực nhằm tăng khả năng tương tác của các tính năng chính của nền tảng web trên nhiều trình duyệt. Interop 2026 được điều hành bởi một nhóm đại diện của các công ty đóng góp đáng kể cho công cụ kết xuất trình duyệt (bao gồm cả Apple, Google, Igalia, Microsoft và Mozilla). Interop 2026 tập trung vào những tính năng có mức độ ưu tiên cao đối với nhà phát triển web và người dùng cuối.
Theo các nỗ lực trước đây về Khả năng tương tác, các kiểm thử được chọn sẽ liên tục chạy trên cơ sở hạ tầng kiểm thử tự động, với tỷ lệ vượt qua được hiển thị trên trang tổng quan về Khả năng tương tác 2026.
Điểm cần cải thiện
Các lĩnh vực trọng tâm cho năm 2026 bao gồm một số lĩnh vực được xác định là những vấn đề hàng đầu về khả năng tương tác trong các cuộc khảo sát về Trạng thái của HTML và Trạng thái của CSS. Chúng tôi theo dõi những vấn đề này trên webstatus.dev. Nhiều tính năng được đưa vào năm nay cũng xuất hiện trong số 20 vấn đề được yêu cầu nhiều nhất trong kho lưu trữ tín hiệu của nhà phát triển.
Vị trí điểm neo
Xuất hiện trong: Các vấn đề hàng đầu về khả năng tương tác, tín hiệu của nhà phát triển vị trí của điểm neo
Tính năng định vị điểm neo cho phép bạn đặt một phần tử dựa trên vị trí của một phần tử khác, chẳng hạn như đặt chú thích bên cạnh nội dung mà chú thích đó tham chiếu. Lĩnh vực trọng tâm này tiếp tục từ Interop 2025 và chỉ bao gồm các bài kiểm thử từ năm 2025.
Truy vấn kiểu vùng chứa
Xuất hiện trong: Các vấn đề hàng đầu về khả năng tương tác, tín hiệu của nhà phát triển truy vấn kiểu vùng chứa
Truy vấn kiểu vùng chứa áp dụng kiểu cho một phần tử dựa trên các giá trị được tính của thuộc tính tuỳ chỉnh của vùng chứa, bằng cách sử dụng quy tắc @container cùng với một hoặc nhiều hàm style().
Hộp thoại và cửa sổ bật lên
Xuất hiện trong: Các vấn đề hàng đầu về khả năng tương tác, tín hiệu của nhà phát triển closedby, hint
Đối với Interop 2026, công việc trên phần tử <dialog> và Popover API tập trung vào:
- Thuộc tính
<dialog closedby>đặt các hành động của người dùng sẽ đóng một hộp thoại (ví dụ: nhấp vào bên ngoài hộp thoại). - Pseudo-class
:openCSS, khớp với các phần tử có trạng thái mở. - Thuộc tính chung
popover="hint"tạo một cửa sổ bật lên phụ thuộc vào các cửa sổ bật lên tự động khác, hữu ích cho chú thích.
Ảnh động dựa trên thao tác cuộn
Xuất hiện trong: Các vấn đề hàng đầu về khả năng tương tác
Điều này bao gồm các thuộc tính CSS animation-timeline, scroll-timeline và view-timeline. Các thuộc tính này sẽ chuyển động ảnh động dựa trên vị trí cuộn của người dùng.
Xem hiệu ứng chuyển cảnh
Xuất hiện trong: Các vấn đề hàng đầu về khả năng tương tác, tín hiệu của nhà phát triển Hiệu ứng chuyển đổi chế độ xem trên nhiều tài liệu
Interop 2025 đã mang đến hiệu ứng chuyển đổi chế độ xem trong cùng một tài liệu cho Baseline Newly available. Đối với Interop 2026, công việc chuyển đổi khung hiển thị tập trung vào:
- Cải thiện hiệu ứng chuyển đổi chế độ xem trong cùng một tài liệu.
- Thuộc tính
blocking="render"cho<link>,<script>và<style>. - Thuộc tính
<link rel="expect">. - Pseudo class
:active-view-transition-type()CSS. - Hiệu ứng chuyển đổi chế độ xem giữa các tài liệu.
Hàm attr() của CSS
Xuất hiện trong tín hiệu của nhà phát triển attr()
Hàm attr() CSS trả về giá trị của một thuộc tính của phần tử HTML, với lựa chọn trả về giá trị đó dưới dạng một loại cụ thể hoặc với một đơn vị cụ thể.
Ngoài những tính năng chính mà bạn nêu bật trong các cuộc khảo sát, Interop 2026 còn bao gồm:
Hàm contrast-color() của CSS
Hàm contrast-color() CSS chọn một màu có độ tương phản đảm bảo với một màu nền trước hoặc màu nền được chỉ định.
Điểm nổi bật tuỳ chỉnh
Tính năng làm nổi bật tuỳ chỉnh cho phép bạn tạo kiểu cho các dải văn bản tuỳ ý mà không cần thêm các phần tử bổ sung vào DOM.
Tìm nạp nội dung tải lên và dải ô
Phương thức fetch() tập trung vào ReadableStream trong nội dung để truyền trực tuyến dữ liệu đến máy chủ, hỗ trợ FormData và các loại nội dung nghe nhìn cho yêu cầu và phản hồi, đồng thời hỗ trợ tiêu đề Range.
IndexedDB
Vùng trọng tâm IndexedDB nhắm đến các phương thức getAllRecords() của IDBObjectStore và IDBIndex. Các phương thức này tăng tốc các thao tác đọc trên các tập dữ liệu lớn bằng cách trả về các bản ghi và khoá chính của chúng theo lô.
JSPI cho Wasm
JavaScript Promise Integration API (JSPI) cho phép các ứng dụng Wasm dự kiến có quyền truy cập đồng bộ vào chức năng bên ngoài hoạt động trong một môi trường mà chức năng đó là không đồng bộ.
Các lớp giả về nội dung nghe nhìn
Khu vực này bao gồm các giả lớp CSS :playing, :paused, :seeking, :buffering, :stalled, :muted và :volume-locked, khớp với các phần tử <audio> và <video> dựa trên trạng thái của chúng.
Navigation API
Năm nay, chúng tôi sẽ tập trung vào việc tiếp tục cải thiện khả năng tương tác của Navigation API và lựa chọn precommitHandler để navigateEvent.intercept(), giúp trì hoãn việc xác nhận cho đến khi trình xử lý đã phân giải.
Sổ đăng ký phần tử tuỳ chỉnh theo phạm vi
Hàm khởi tạo CustomElementRegistry() tạo một sổ đăng ký phần tử tuỳ chỉnh mới tách biệt với sổ đăng ký phần tử tuỳ chỉnh chung, cho phép nhiều phần tử tuỳ chỉnh có cùng tên thẻ cùng tồn tại.
Cố định vị trí cuộn
Vùng trọng tâm này bao gồm tính năng chụp nhanh khi cuộn CSS, giúp kiểm soát hành vi di chuyển và cuộn trong vùng chứa có thể cuộn.
Hàm shape() của CSS
Hàm shape() CSS tạo hình dạng bằng các lệnh như line, move và curve, đồng thời có thể dùng với clip-path và shape-outside.
Khả năng tương thích với web
Khu vực này nhắm đến các vấn đề cụ thể về khả năng tương tác gây ra các vấn đề trong thực tế, bao gồm:
- Đang tải mô-đun ESM.
- Thời gian của các sự kiện cuộn so với các sự kiện ảnh động.
- Xoá tiền tố của thuộc tính
-webkit-user-select.
WebRTC
Đối với Interop 2026, công việc tập trung vào việc khắc phục các bài kiểm thử còn lại không thành công trong lĩnh vực trọng tâm của Interop 2025 và tiếp tục cải thiện khả năng tương tác của WebRTC.
WebTransport API
Phần này đề cập đến WebTransport API, truyền dữ liệu giữa một ứng dụng và máy chủ bằng giao thức HTTP/3.
Thuộc tính CSS zoom
Tiếp tục từ Interop 2025, lĩnh vực này tập trung vào thuộc tính CSS zoom, giúp điều chỉnh kích thước của một phần tử và ảnh hưởng đến bố cục trang.
Nỗ lực điều tra
Interop 2026 cũng bao gồm các nỗ lực điều tra để chuẩn bị các tính năng trong tương lai cho hoạt động kiểm thử và khả năng tương tác:
- Kiểm thử khả năng hỗ trợ tiếp cận: Nỗ lực tạo ra các cây hỗ trợ tiếp cận nhất quán trên nhiều trình duyệt và cải thiện cơ sở hạ tầng WPT.
- JPEG XL: Tập trung vào việc kiểm thử định dạng hình ảnh JPEG XL, bao gồm cả việc xác định các yêu cầu đối với tính năng kết xuất tăng dần.
- Kiểm thử trên thiết bị di động: Cải thiện cơ sở hạ tầng WPT để kiểm thử các tính năng dành riêng cho thiết bị di động, chẳng hạn như các thay đổi về khung hiển thị động.
- WebVTT: Sửa các bài kiểm thử và cập nhật tài liệu để cải thiện khả năng hiểu biết về việc tuân thủ tiêu chuẩn.
Theo dõi tiến trình đến năm 2026
Theo dõi dự án trên trang tổng quan Interop 2026.