কম্পিউটার

এইচটিএমএল ডিফার অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন

HTML-এ, একটি বৈশিষ্ট্য সাধারণত একটি অ্যাট্রিবিউটের নাম এবং একটি অ্যাট্রিবিউট মান থাকে, যেমন অ্যাঙ্কর এলিমেন্টের উদাহরণে।

যাইহোক, কখনও কখনও মান (আচরণ) বৈশিষ্ট্যের নামের সাথে অন্তর্নির্মিত।

উদাহরণস্বরূপ, defer অ্যাট্রিবিউট যা আমরা HTML <script> পরিবর্তন করতে ব্যবহার করি উপাদান:

<script defer src="app.js"></script>

লক্ষ্য করুন যে defer অ্যাট্রিবিউটের কোনো অ্যাসাইনমেন্ট অপারেটর নেই (= ) বা মান কারণ এর আচরণ অন্তর্নির্মিত।

defer একটি তথাকথিত বুলিয়ান বৈশিষ্ট্য বুলিয়ানগুলি এমন এক ধরনের ডেটার জন্য ব্যবহার করা হয় যার শুধুমাত্র দুটি মান থাকতে পারে, সত্য অথবা মিথ্যা (বা সক্ষম/অক্ষম করুন )।

চলুন defer-কে ঘনিষ্ঠভাবে দেখে নেওয়া যাক বৈশিষ্ট্য।

এই <script> উপাদান, ছাড়া defer attribute, তার src চালাবে app.js থেকে জাভাস্ক্রিপ্ট কোড ব্রাউজার এটি লোড করার সাথে সাথে মান:

<script src="app.js"></script>

ডিফল্টরূপে, এইচটিএমএল ডকুমেন্টগুলি এক সময়ে এক লাইনে, উপর থেকে নীচে পার্স করা হয় (পড়া)। এর মানে হল যে আপনি যদি আপনার নথির শীর্ষে কোনো জাভাস্ক্রিপ্ট রাখেন তবে এটি আগে কার্যকর হবে আপনার নথির বাকি অংশ পার্সিং করা হয়েছে।

এটাই ডিফল্ট স্ক্রিপ্ট উপাদানের আচরণ।

কিন্তু যখন আপনি defer যোগ করেন <script>-এ উপাদান আপনি সেই ডিফল্ট আচরণ অক্ষম করুন:

<script defer src="app.js"></script>

এখন, পুরো পৃষ্ঠাটি লোড করা শেষ না হওয়া পর্যন্ত জাভাস্ক্রিপ্ট কোড কার্যকর হবে না৷

আক্ষরিক অর্থে, স্থগিত করুন মানে বন্ধ/স্থগিত/অপেক্ষা করুন।

মৃত ঘোড়াকে মারতে:

  • defer ছাড়া , জাভাস্ক্রিপ্ট লোড হওয়ার সাথে সাথে এটি কার্যকর হয়।
  • এর সাথে defer সম্পূর্ণ HTML পৃষ্ঠা লোড না হওয়া পর্যন্ত JavaScript কার্যকর করার জন্য অপেক্ষা করে।

যদি বৈশিষ্ট্যগুলি আপনাকে বিভ্রান্ত করে, চিন্তা করবেন না, আপনি একবার অনুশীলনে সেগুলি ব্যবহার করা শুরু করলে এটি সর্বদা 10 গুণ বেশি অর্থপূর্ণ হয়৷


  1. কিভাবে HTML এ গঠন বৈশিষ্ট্য ব্যবহার করবেন?

  2. কিভাবে HTML এ প্রয়োজনীয় বৈশিষ্ট্য ব্যবহার করবেন?

  3. কিভাবে HTML এ একাধিক অ্যাট্রিবিউট ব্যবহার করবেন?

  4. কিভাবে HTML এ লিস্ট এট্রিবিউট ব্যবহার করবেন?