কম্পিউটার টিউটোরিয়াল

HTML

HTML <noscript> এলিমেন্ট আপনার সাইট ভিজিটরের ব্রাউজারে কন্টেন্ট দেখানোর জন্য ব্যবহৃত হয় যখন JavaScript ডিজেবল থাকে।

মান লেন, কেউ আপনার ওয়েবসাইট ভিজিট করে, কিন্তু তাদের ব্রাউজারে JavaScript ডিজেবল আছে। তাদের জানাতে (হয়তো তারা ভুলে JavaScript অফ করে দিয়েছে), আপনি <noscript> এইভাবে ব্যবহার করবেন:

<noscript>
  <h2> JavaScript is disabled in your browser. To get the best user experience on our website we recommend that you enable it. </h2>
</noscript>

ইলাস্ট্রেট করার জন্য উপরের HTML স্নিপেটটি এই CodePen-এ যোগ করেছি।

তবে আপনি সেটি দেখতে পাবেন না যতক্ষণ না JavaScript ডিজেবল থাকে।

JavaScript অস্থায়ীভাবে ডিজেবল করার পদ্ধতি:

  1. ব্রাউজারের অ্যাড্রেস বারের লক আইকনে ক্লিক করুন, তারপর Site settings-এ ক্লিক করুন
  2. Permissions-এ JavaScript-এ যান এবং ডান পাশের ড্রপডাউনে ক্লিক করে Block সিলেক্ট করুন

এখন পেজ রিলোড করুন (পুরো ব্রাউজার না, শুধু ওই ব্রাউজার ট্যাব) এবং আপনি <noscript> এলিমেন্টের টেক্সট ব্রাউজার ট্যাবে রেন্ডার হয়ে দেখতে পাবেন।

এখানে পুরো প্রসেস দেখানো একটি কুইক ভিডিও রয়েছে:

HTML  noscript  এলিমেন্ট ব্যবহার: JavaScript ডিজেবল থাকলে কন্টেন্ট দেখানো

JavaScript আবার ইনেবল করতে, একই Site settings ট্যাবে ফিরে যান, এবং ড্রপডাউন মেনু থেকে Allow বেছে নিন। এখন আপনাকে ব্রাউজার ট্যাব রিলোড করতে বলবে, এবং তারপর JavaScript আবার ইনেবল হয়ে যাবে।

আপনি <noscript> এলিমেন্টটি আপনার ওয়েবসাইটের <head> এবং <body> এলিমেন্ট দুটোতে যেকোনো একটিয় ব্যবহার করতে পারেন।

তবে, আপনি <noscript> <head> এলিমেন্টে ব্যবহার করলে, আপনি শুধু <style>, <link>, এবং <meta> এলিমেন্ট রাখতে পারবেন (টেক্সট এলিমেন্ট নয়)।

  1. HTML <title> এলিমেন্টের ব্যবহার পদ্ধতি

  2. HTML-এ required অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  3. HTML-এ একটি এলিমেন্টের নাম কীভাবে সেট করবেন?

  4. HTML-এ এলিমেন্টের মান কীভাবে যোগ করবেন?