Cách thêm phần noscript (khi JS bị tắt) trong HTML?

Thẻ <noscript> hiển thị nội dung dự phòng khi trình duyệt tắt JavaScript hoặc không hỗ trợ JS. Nội dung bên trong chỉ render khi JS vô hiệu.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ noscript HTML</title>
  </head>
  <body>
    <script>
      document.write("Hello JavaScript!");
    </script>
    <noscript>
      <p style="color: red;">Trình duyệt của bạn không hỗ trợ hoặc đã tắt JavaScript!</p>
    </noscript>
  </body>
</html>

Vị trí đặt

• Trong <head>: chỉ chứa <link>, <style>, <meta>.
• Trong <body>: chứa nội dung thay thế (text, form, link...).

Ứng dụng thực tế

• Thông báo bật JS để dùng tính năng.
• Cung cấp form/liên kết thay thế (tìm kiếm, đăng nhập...).
• Analytics: đếm user tắt JS (ít gặp).

Lưu ý

• Khi JS bật: <noscript> bị bỏ qua hoàn toàn (không trong DOM).
• Không dùng <noscript> để ẩn nội dung quan trọng (SEO, accessibility) — bot có thể không chạy JS.