Thẻ noscript trong HTML

• Bùi Tấn Lực
• 900
• 29/09/2025

Chức năng của Thẻ noscript trong HTML

Thẻ noscript trong HTML dùng để hiện thông báo lên trình duyệt khi trình duyệt của bạn không hỗ trợ hoặc đã tắt JavaScript.

Cú pháp của Thẻ noscript trong HTML

<noscript>vanbanthongbao</noscript>

vanbanthongbao: Văn bản thông báo trong trường hợp trình duyệt máy khách không hỗ trợ hoặc đang tắt javascript.

Code Thẻ noscript trong HTML

<script>
  // Bạn đặt code JavaScript ở đây
  alert("JavaScript đang chạy!");
</script>
<!--Thông báo nếu trình duyệt không hỗ trợ JavaScript-->
<noscript>
Trình duyệt của bạn không hỗ trợ hoặc đã tắt JavaScript. Vui lòng bật JavaScript để trải nghiệm đầy đủ các tính năng của trang web.
</noscript>

Chạy Thử

Những lưu ý khi sử dụng thẻ noscript trong HTML

Không nên lạm dụng thẻ noscript để chèn nội dung SEO

Thẻ noscript được tạo ra nhằm cung cấp nội dung thay thế khi trình duyệt không thể thực thi JavaScript, không phải để nhồi nhét từ khóa hoặc hiển thị nội dung khác biệt dành riêng cho công cụ tìm kiếm.

Nội dung bên trong nên liên quan trực tiếp đến trang hiện tại và hỗ trợ người dùng tiếp tục sử dụng website. Việc đưa quá nhiều văn bản không cần thiết hoặc cố tình tối ưu SEO bằng nội dung chỉ xuất hiện trong noscript có thể làm giảm chất lượng trang và gây hiểu nhầm cho cả người dùng lẫn công cụ tìm kiếm.

• Chỉ đặt nội dung thực sự hữu ích.
• Không tạo nội dung khác hoàn toàn so với phiên bản sử dụng JavaScript.
• Ưu tiên thông báo, liên kết hoặc nội dung thay thế cần thiết.

Đặt thẻ noscript ở vị trí phù hợp trong tài liệu HTML

Vị trí đặt thẻ ảnh hưởng trực tiếp đến khả năng hiển thị nội dung thay thế. Thông thường, noscript nên được đặt ngay gần thành phần sử dụng JavaScript để người dùng nhanh chóng nhận được thông tin nếu tập lệnh không hoạt động.

Không nên gom toàn bộ nội dung thay thế vào cuối trang vì người truy cập có thể bỏ lỡ thông báo quan trọng hoặc gặp khó khăn khi tiếp tục sử dụng website.

Ví dụ:

<button id="buy">Mua ngay</button>

<noscript>
    <p>Vui lòng bật JavaScript để sử dụng chức năng đặt hàng trực tuyến.</p>
</noscript>

Kiểm tra trải nghiệm khi JavaScript bị tắt

Sau khi thêm noscript, nên kiểm tra website trong trường hợp JavaScript bị vô hiệu hóa để đảm bảo nội dung thay thế thực sự hoạt động như mong muốn.

Một số nội dung cần được kiểm tra gồm:

• Thông báo có hiển thị đúng hay không.
• Liên kết dự phòng có truy cập được.
• Hình ảnh hoặc nội dung thay thế có hiển thị đầy đủ.
• Trang vẫn dễ đọc và không bị lỗi bố cục.

Việc kiểm tra này giúp phát hiện sớm các lỗi trước khi website được đưa vào sử dụng chính thức.

Những lỗi thường gặp khi sử dụng thẻ noscript

Nhiều website sử dụng noscript chưa đúng mục đích, khiến nội dung thay thế không phát huy hiệu quả hoặc gây khó hiểu cho người dùng.

Lỗi thường gặp	Ảnh hưởng
Để trống nội dung trong noscript	Người dùng không nhận được hướng dẫn khi JavaScript bị tắt.
Đưa quá nhiều nội dung không liên quan	Làm giảm trải nghiệm đọc và gây rối bố cục.
Đặt sai vị trí	Thông báo xuất hiện không đúng thời điểm hoặc khó nhìn thấy.
Phụ thuộc hoàn toàn vào JavaScript	Người dùng không thể tiếp tục sử dụng các chức năng cơ bản.

Sử dụng thẻ noscript đúng cách sẽ giúp website thân thiện hơn với nhiều môi trường truy cập, đồng thời đảm bảo người dùng luôn nhận được thông tin cần thiết ngay cả khi JavaScript không hoạt động.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ noscript trong HTML.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Thẻ noscript trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận, Hỏi đáp