Hãy khám phá một số tính năng thú vị đã ra mắt trên 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
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 chạy Firefox 120. Bài đăng này sẽ tìm hiểu ý nghĩa của điều đó đối với nền tảng web.
Hỗ trợ thuộc tính media trong phần tử <source>
Firefox tiếp tục hỗ trợ thuộc tính media trong phần tử <source>. Tính năng hỗ trợ được mở rộng để bao gồm các phần tử <audio> và <video>. Với bản phát hành này, thuộc tính nội dung đ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ợ cho Chrome và đã 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 light-dark() Color CSS
Firefox hiện hỗ trợ hàm light-dark() CSS Color. Điều này có nghĩa là bạn có thể đặt màu cho bảng phối sáng và tối mà không cần sử dụng tính năng đa phương tiện prefers-color-scheme.
Đơ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 các giá trị tương ứng với chiều cao dòng của một phần tử. Điều 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 thử nghiệm mở rộng này có thể 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 sở hữu sớm 103.
Bản phát hành trình duyệt beta
Các phiên bản trình duyệt beta cho bạn xem trước những nội dung sẽ có trong phiên bản ổn định tiếp theo của trình duyệt. Đây là thời điểm tuyệt vời để thử nghiệm hoặc xoá bỏ những tính năng mới có thể ảnh hưởng đến trang web của bạn trước khi cả thế giới nhận được bản phát hành đó. Các phiên bản thử nghiệm mới là Firefox 121, Chrome 120 và Safari 17.2. Các 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. Dưới đây chỉ là một vài điểm nổi bật.
Chrome 120 và Safari 17.2 có phân tích cú pháp thư giãn cho CSS Nesting.
Chrome 120 huỷ tiền tố cho các tài sản -webkit-mask* và điều chỉnh cho phù hợp với thông số kỹ thuật hiện tại. Các ngôn ngữ này bao gồm mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size và mask-composite, cũng như từ viết tắt mask. Các tham chiếu mask-image cục bộ được hỗ trợ, việc 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 bao gồm 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ác công cụ chính.
Một phần trong loạt video New to the web Series