HTML Comments
এইচটিএমএল কমেন্টস টিউটোরিয়াল (বাংলায়)
এইচটিএমএল কমেন্টস কোডের মধ্যে ব্যাখ্যা বা নোট যোগ করতে ব্যবহৃত হয়, যা ব্রাউজারে প্রদর্শিত হয় না। এই টিউটোরিয়ালে আমরা এইচটিএমএল কমেন্টস কীভাবে ব্যবহার করতে হয় তা শিখব।
১. কমেন্টস কী?
এইচটিএমএল-এ কমেন্টস হলো এমন টেক্সট যা কোডের অংশ হলেও ওয়েব পেজে দৃশ্যমান হয় না। এটি ডেভেলপারদের কোড বোঝাতে বা ভবিষ্যতের জন্য নোট রাখতে সাহায্য করে।
কমেন্ট লেখার সিনট্যাক্স: <!-- এখানে কমেন্ট লিখুন -->
২. কমেন্টসের ব্যবহার
- কোডের কোনো অংশ ব্যাখ্যা করতে।
- কোডের কোনো অংশ অস্থায়ীভাবে নিষ্ক্রিয় করতে।
- টিমের সদস্যদের জন্য নোট রাখতে।
৩. উদাহরণ
উদাহরণ ১: সাধারণ কমেন্ট
নিচের কোডে একটি কমেন্ট ব্যবহার করা হয়েছে যা ব্রাউজারে দেখা যাবে না।
এটি একটি প্যারাগ্রাফ যা ব্রাউজারে দৃশ্যমান।
কোড:
<!-- এটি একটি কমেন্ট যা ব্রাউজারে প্রদর্শিত হবে না -->
<p>এটি একটি প্যারাগ্রাফ যা ব্রাউজারে দৃশ্যমান।</p>
উদাহরণ ২: কোড নিষ্ক্রিয় করতে কমেন্ট
কোডের কোনো অংশ অস্থায়ীভাবে নিষ্ক্রিয় করতে কমেন্ট ব্যবহার করা যায়।
এই প্যারাগ্রাফটি দৃশ্যমান।
কোড:
<!-- <p>এই প্যারাগ্রাফটি ব্রাউজারে দেখা যাবে না কারণ এটি কমেন্ট করা হয়েছে।</p> -->
<p>এই প্যারাগ্রাফটি দৃশ্যমান।</p>
উদাহরণ ৩: মাল্টি-লাইন কমেন্ট
একাধিক লাইন জুড়ে কমেন্ট লেখা যায়।
এটি একটি দৃশ্যমান প্যারাগ্রাফ।
কোড:
<!--
এটি একটি মাল্টি-লাইন কমেন্ট।
এখানে কোডের উদ্দেশ্য বা ব্যাখ্যা লিখতে পারেন।
এটি ব্রাউজারে প্রদর্শিত হবে না।
-->
<p>এটি একটি দৃশ্যমান প্যারাগ্রাফ।</p>
৪. কমেন্ট লেখার সময় সতর্কতা
- কমেন্টের মধ্যে
--ব্যবহার করবেন না, কারণ এটি কমেন্ট বন্ধ করার জন্য ব্যবহৃত হয়। - অতিরিক্ত কমেন্ট ব্যবহার এড়িয়ে চলুন, যাতে কোড পরিষ্কার থাকে।
- গোপনীয় তথ্য (যেমন পাসওয়ার্ড) কমেন্টে লিখবেন না, কারণ কমেন্ট সোর্স কোডে দৃশ্যমান।