Thẻ noscript trong HTML
- 09-12-2021
- Trung Minh
- 0 Comments
Trong bài này mình sẽ hướng dẫn cách sử dụng thẻ noscript trong HTML, đây là thẻ rất hữu ích trong trường hợp trình duyệt không hỗ trợ javascript.
1. Thẻ noscript là gì?
Chúng ta đã được học thẻ script rồi phải không nào? Nó được dùng để khai báo nơi chứa mã javascript để trình duyệt biên dịch.
Thẻ noscript thì ngược lại, nó sẽ tạo một nội dung thay thế để hiển thị cho người dùng nếu trình duyệt đã tắt chức năng biên dịch script. Nghe có vẻ kì lạ, nhưng sự thật thì hầu hết các trình duyệt đều hỗ trợ tính năng tắt mã javascript.
Ví dụ bạn có một file javascript rất quan trọng, lúc này bạn sẽ hiện thị một thông báo cho người dùng khi họ tắt javascript trên trình duyệt, bởi trang web sẽ không hoạt động đúng như mong đợi.
<noscript>Vui lòng bật tính năng biên dịch Javascript lên!</noscript>
Thực tế thì thẻ này rất ít khi sử dụng, bởi không có người dùng nào lại đi hạn chế một tính năng quan trọng như vậy trong quá trình sử dụng web.
2. Cách sử dụng thẻ noscript
Ví dụ: sử dụng thẻ noscript để hiện thị cảnh báo nếu trình duyệt không hỗ trợ script.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại web888.vn</h1>
<script>
document.write("web888.vn")
</script>
<noscript>Trình duyệt của bạn không hỗ trợ javascript!</noscript>
</body>
</html>
Trong ví dụ trên bạn có thể tắt javascript của trình duyệt, sau đó chạy lại chương trình để thấy sự thay đổi.