Phần tử <noscript> HTML dùng để hiển thị nội dung trong trình duyệt người truy cập khi JavaScript bị tắt.
Giả sử ai truy cập web bạn, nhưng tắt JavaScript trong trình duyệt. Để báo cho họ biết (có thể tắt nhầm), dùng <noscript> như sau:
<noscript> <h2> JavaScript bị tắt trong trình duyệt. Để trải nghiệm tốt nhất trên web chúng tôi khuyên bật nó. </h2> </noscript>Để minh họa, tôi thêm đoạn HTML trên vào CodePen này.
Nhưng bạn không thấy trừ khi JavaScript bị tắt.
Tắt JavaScript (tạm thời):
- Vào thanh địa chỉ trình duyệt, nhấp biểu tượng khóa, chọn Cài đặt trang web
- Dưới Quyền vào JavaScript, nhấp dropdown bên phải chọn Chặn.
Bây giờ tải lại trang (không phải reload trình duyệt, chỉ tab) bạn sẽ thấy text từ <noscript> hiển thị.
Video nhanh quy trình:
Để bật lại JavaScript, quay lại tab Cài đặt trang web, chọn Cho phép từ dropdown. Sẽ yêu cầu reload tab, rồi JavaScript bật lại.
Bạn có thể dùng <noscript> trong cả <head> và <body>.
Tuy nhiên, nếu dùng <noscript> trong <head>, chỉ được đặt <style>, <link>, và <meta> bên trong (không có phần tử text).