Khám phá một số tính năng thú vị đã có mặt trên các trình duyệt web ổn định và thử nghiệm trong tháng 11 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 11 năm 2023, chúng tôi chỉ có một bản phát hành trình duyệt ổn định với Firefox 120. Bài đăng này xem xét ý nghĩa của việc đó đối với nền tảng web.
Hỗ trợ thuộc tính media trong phần tử <source>
Firefox ra mắt lại tính năng hỗ trợ thuộc tính media trong phần tử <source>. Chúng tôi đã mở rộng khả năng hỗ trợ để bao gồm cả các phần tử <audio> và <video>. Với bản phát hành này, thuộc tính đa phương tiện sẽ có trong các phần tử <source> trong <audio>, <video> và <picture>.
Thuộc tính media sắp được hỗ trợ trên Chrome và hiện đã có trong Safari, vì vậy, bạn sẽ sớm được hỗ trợ cho âm thanh và video HTML thích ứng trên tất cả các công cụ.
Hàm màu light-dark() của CSS
Firefox hiện hỗ trợ hàm màu CSS light-dark(). Tức là bạn có thể thiết lập màu cho bảng phối sáng và tối mà không cần dùng tính năng đa phương tiện prefers-color-scheme.
Các đơn vị lh và rlh
Firefox hỗ trợ các đơn vị CSS lh và rlh. Các đơn vị này cho phép bạn đặt giá trị tương ứng với chiều cao dòng của một phần tử. Việc này rất hữu ích khi bạn muốn căn chỉnh hình nền với văn bản.
Bản phát hành này giúp các unts này có khả năng tương tác trên cả 3 công cụ chính.
Hỗ trợ trình duyệt
- 109
- 109
- 120
- 16,4
Gợi ý ban đầu của HTTP 103
Firefox hiện hỗ trợ mã trạng thái phản hồi thông tin HTTP 103 Dữ liệu ban đầu.
Bản phát hành trình duyệt thử nghiệm
Phiên bản trình duyệt beta cho phép bạn xem trước những tính năng sẽ có trong phiên bản ổn định tiếp theo của trình duyệt. Đây là thời điểm thích hợp để kiểm thử các tính năng mới hoặc xoá bớt. Những tính năng này có thể ảnh hưởng đến trang web của bạn trước khi chúng tôi ra mắt bản phát hành đó. Các phiên bản beta mới là Firefox 121, Chrome 120 và Safari 17.2. Những bản phát hành này mang đến nhiều tính năng tuyệt vời cho nền tảng. Hãy xem ghi chú phát hành để biết toàn bộ thông tin chi tiết. Đây chỉ là một vài điểm nổi bật.
Chrome 120 và Safari 17.2 cung cấp tính năng phân tích cú pháp đơn giản cho tính năng lồng ghép CSS.
Chrome 120 không thêm tiền tố của tài sản -webkit-mask* và điều chỉnh các tài sản đó cho phù hợp với quy cách hiện tại. Trong đó bao gồm mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size và mask-composite, cũng như tên viết tắt mask. Hệ thống hỗ trợ các tệp tham chiếu mask-image cục bộ, quá trình chuyển đổi tuần tự hiện khớp với thông số kỹ thuật và các giá trị được chấp nhận hiện khớp với thông số kỹ thuật.
Chrome 120 và Safari 17.2 hỗ trợ thuộc tính name cho phần tử <details>.
Firefox 121 có bộ chọn CSS :has(). Bản phát hành này giúp :has() có khả năng tương tác trên tất cả công cụ chính.
Một phần của Loạt video mới dành cho web