ভূমিকা
ওয়েব ডিজাইনে দুইটি খুবই দরকারি বিষয় হলো —
- কোডের ভেতরে নোট রাখা (Comments)
- উদ্ধৃতি বা কোটেশন ব্যবহার করা (Quotations)
এই দুইটি ডেভেলপার ও কনটেন্ট লেখার সময়ে অত্যন্ত গুরুত্বপূর্ণ ভূমিকা পালন করে। আজকের পোস্টে আমরা HTML Comments ও Quotation ট্যাগগুলোর কাজ ও উদাহরণ শিখবো।
HTML Comments কী?
কোনো HTML কোডের ভেতর ব্যাখ্যা, নোট, নির্দেশনা বা ডিবাগিং হেল্প হিসেবে লিখিত টেক্সটকে Browser দেখায় না — তাকে Comments বলা হয়।
- Comments ওয়েব পেজে দেখা যায় না
- কিন্তু কোডের মধ্যে আপনাকে সাহায্য করে
Comment Syntax:
ব্যবহারের উদ্দেশ্য:
✔ কোড ব্যাখ্যা করা
✔ টেমপ্লেট বা সেকশন মার্ক করা
✔ ভবিষ্যতের ডেভেলপারের জন্য তথ্য রাখা
✔ কোড হাইড করে পরীক্ষা করা
উদাহরণ:
HTML Quotation Tag কী?
যখন আপনাকে —
✔ কোনো লেখা উদ্ধৃত করতে হবে
✔ বক্তৃতা/লেখকের কথা দেখাতে হবে
✔ সোর্সসহ quote দেখাতে হবে
তখন HTML quotation tags ব্যবহার করা হয়।
১) Short Quotation Tag
এক লাইনের ছোট উদ্ধৃতি প্রদর্শন করতে ব্যবহার হয়।
Browser সাধারণত quote এর চারপাশে স্বয়ংক্রিয় " " যোগ করে।
২) blockquote — Long Quotation Tag
দীর্ঘ উদ্ধৃতি বা paragraph উদ্ধৃতির জন্য ব্যবহৃত হয়।
Browser সাধারণত blockquote কে ইন্ডেন্ট করে দেখায়।
৩) cite — Citation Tag
কোনো বই, আর্টিকেল, কাজ বা সোর্সের নাম উল্লেখ করতে ব্যবহার হয়।
৪) abbr — Abbreviation Tag
কোনো সংক্ষিপ্ত শব্দের পূর্ণরূপ দেখাতে title সহ ব্যাখ্যা দিতে হয়।
Mouse hover করলে পূর্ণরূপ দেখা যায়।
৫) address — Contact / Author Address Tag
লেখক/সংস্থা/কন্টেন্ট সম্পর্কিত ঠিকানা দেখাতে ব্যবহার হয়।
৬) cite vs blockquote vs q | পার্থক্য
| Tag | কাজ |
|---|---|
<q> | ছোট quote |
<blockquote> | দীর্ঘ উদ্ধৃতি |
<cite> | সোর্স/টাইটেল উল্লেখ |
Complete Example
Comments & Quotation কখন ব্যবহার হয়?
- ডকুমেন্টেশন
- শিক্ষা ও ব্যাখ্যা
- উৎস উল্লেখ
- সাহিত্য/বক্তব্য উদ্ধৃতি
- Reference-based ডিজাইন
Best Practices
- প্রয়োজনের জায়গায়
- Comments দিন
- অতিরিক্ত Comment দেবেন না — clean code বজায় রাখুন
- Quotation ট্যাগে মূল লেখাকে respect করুন
- Source উল্লেখ করতে cite ব্যবহার করুন
