কোডে কমেন্ট যোগ করা আপনাকে বা অন্যদের কোডটি কি করে সেটি ব্যাখ্যা করার জন্য নোট যোগ করার একটি সহায়ক উপায়। কমেন্ট আউট করা কোড বা টেক্সট ব্রাউজার উপেক্ষা করে।
HTML, CSS এবং JavaScript কোডে কমেন্ট কীভাবে তৈরি করবেন তা জানতে পড়ুন!
HTML-এ কমেন্ট কীভাবে লিখবেন
সিঙ্গল লাইন HTML কমেন্ট
HTML-এ একটি সিঙ্গল লাইন কমেন্ট আউট করতে, টেক্সট বা কোডটিকে কমেন্ট ট্যাগের মাঝপথে রাখুন: <!-- -->।
কোডে এটি কেমন দেখাবে:
<!-- The text in here will be invisible on the website --> <div class="content"> Here's some regular HTML content! </div>ওয়েবসাইট লোড করলে HTML কমেন্ট পেজে দেখাবে না:
তবে ব্রাউজারে ওয়েবসাইট কোড ইন্সপেক্ট করলে আপনি HTML কমেন্ট টেক্সট দেখতে পাবেন:
মাল্টিলাইন HTML কমেন্ট
মাল্টিলাইন বা ব্লক HTML কমেন্ট তৈরি করতে, আপনি একই কমেন্ট (<!-- -->) ট্যাগ ব্যবহার করবেন, তবে আপনার কমেন্টে একাধিক লাইন থাকতে পারে। যতক্ষণ না কমেন্ট টেক্সট ট্যাগের মাঝপথে থাকে, ততক্ষণ সেটি কমেন্টে অন্তর্ভুক্ত থাকবে।
মাল্টিলাইন HTML কমেন্টের একটি উদাহরণ:
<!-- The text in here will be invisible on the website! Here's another line of the comment. You can have as many lines as you want! 😁 --> <div class="content"> And here's that regular HTML content again. </div>ওয়েবসাইটে এটি কেমন দেখাবে:
ইনস্পেক্টরে পুরো HTML কমেন্ট দেখতে পাবেন:
CSS-এ কমেন্ট কীভাবে লিখবেন
সিঙ্গল লাইন CSS কমেন্ট
CSS-এ একটি সিঙ্গল লাইন কমেন্ট बनाने জন্য, কমেন্ট টেক্সট বা কোডকে /* */ ট্যাগের মাঝপথে রাখুন।
একটি উদাহরণ:
/* This text will be ignored by the browser! */ .description { font-size: 1rem; line-height: 1.25rem; color: #202020; }মাল্টিলাইন CSS কমেন্ট
মাল্টিলাইন বা ব্লক CSS কমেন্ট লেখতে, আপনি একই /* */ ট্যাগ ব্যবহার করতে পারেন, এবং কমেন্ট কন্টেন্ট একাধিক লাইনে রাখতে পারেন।
মাল্টিলাইন CSS কমেন্ট কেমন দেখাবে:
/* This text will be ignored by the browser! And this will also be included in the comment! One last line of comment for good measure 😁 */ .description { font-size: 1rem; line-height: 1.25rem; color: #202020; }JavaScript-এ কমেন্ট কীভাবে লিখবেন
সিঙ্গল লাইন JavaScript কমেন্ট
JavaScript-এ একটি সিঙ্গল লাইন কমেন্ট তৈরি করতে, লাইনটি দুইটি ফরোয়ার্ড স্ল্যাশ (//) দিয়ে শুরু করুন।
একটি উদাহরণ:
// This text is a comment and will be ignored!আপনি একই লাইনে কিছু কোডের পাশে সিঙ্গল লাইন কমেন্টও যোগ করতে পারেন। যতক্ষণ কমেন্টটি সেই লাইনের শেষ কন্টেন্ট থাকে, ততক্ষণ এটি কাজ করবে।
এটি কেমন দেখাবে:
console.log('Test code here!'); // This is a console log messageমাল্টিলাইন JavaScript কমেন্ট
JavaScript-এ একটি মাল্টিলাইন বা ব্লক কমেন্ট তৈরি করতে, কমেন্ট টেক্সটকে /* */ ট্যাগের মাঝপথে ঘেরে দিন। (এটি CSS-এ ব্যবহৃত পদ্ধতির মতোই।)
এটি কেমন দেখাবে:
/* Function: doSomeAwesomeThing() This does something awesome, but I don't know what! */ function doSomeAwesomeThing(){ console.log('Run awesome function'); }শেষ কথা
HTML, CSS এবং JavaScript-এ কোডে কমেন্ট যোগ করলে অন্যদের আপনার কোড কি নিয়ে সেটি বুঝতে সাহায্য করে।
এটি ডেভেলপমেন্টের সময়ও সাহায্য করে যখন আপনাকে কিছু কোড সাময়িকভাবে কমেন্ট আউট করতে হয় টেস্ট করার জন্য। কিন্তু প্রোডাকশন কোডে কমেন্ট ছেড়ে দেবেন না!
