

ভূমিকা
ওয়েব ডিজাইনে দুইটি খুবই দরকারি বিষয় হলো —
- কোডের ভেতরে নোট রাখা (Comments)
- উদ্ধৃতি বা কোটেশন ব্যবহার করা (Quotations)
এই দুইটি ডেভেলপার ও কনটেন্ট লেখার সময়ে অত্যন্ত গুরুত্বপূর্ণ ভূমিকা পালন করে। আজকের পোস্টে আমরা HTML Comments ও Quotation ট্যাগগুলোর কাজ ও উদাহরণ শিখবো।
HTML Comments কী?
কোনো HTML কোডের ভেতর ব্যাখ্যা, নোট, নির্দেশনা বা ডিবাগিং হেল্প হিসেবে লিখিত টেক্সটকে Browser দেখায় না — তাকে Comments বলা হয়।
- Comments ওয়েব পেজে দেখা যায় না
- কিন্তু কোডের মধ্যে আপনাকে সাহায্য করে
Comment Syntax:
<!-- এটি একটি HTML Comment -->
ব্যবহারের উদ্দেশ্য:
✔ কোড ব্যাখ্যা করা
✔ টেমপ্লেট বা সেকশন মার্ক করা
✔ ভবিষ্যতের ডেভেলপারের জন্য তথ্য রাখা
✔ কোড হাইড করে পরীক্ষা করা
উদাহরণ:
<!-- Header Section Start -->
<h1>Welcome to My Website</h1>
<!-- Header Section End -->HTML Quotation Tag কী?
যখন আপনাকে —
✔ কোনো লেখা উদ্ধৃত করতে হবে
✔ বক্তৃতা/লেখকের কথা দেখাতে হবে
✔ সোর্সসহ quote দেখাতে হবে
তখন HTML quotation tags ব্যবহার করা হয়।
১) Short Quotation Tag
এক লাইনের ছোট উদ্ধৃতি প্রদর্শন করতে ব্যবহার হয়।
<p>HTML সম্পর্কে W3C বলে —
<q>HTML is the standard markup language for Web pages.</q></p>
Browser সাধারণত quote এর চারপাশে স্বয়ংক্রিয় " " যোগ করে।
২) blockquote — Long Quotation Tag
দীর্ঘ উদ্ধৃতি বা paragraph উদ্ধৃতির জন্য ব্যবহৃত হয়।
<blockquote>
HTML বিশ্বের ওয়েব তৈরি করার মূল ভাষা
যার মাধ্যমে কন্টেন্টকে ব্রাউজারে দেখানো যায়।
</blockquote>
Browser সাধারণত blockquote কে ইন্ডেন্ট করে দেখায়।
৩) cite — Citation Tag
কোনো বই, আর্টিকেল, কাজ বা সোর্সের নাম উল্লেখ করতে ব্যবহার হয়।
<p><cite>HTML Specification</cite> by W3C</p>
৪) abbr — Abbreviation Tag
কোনো সংক্ষিপ্ত শব্দের পূর্ণরূপ দেখাতে title সহ ব্যাখ্যা দিতে হয়।
<p><abbr title="World Wide Web">WWW</abbr> is the web you browse.</p>
Mouse hover করলে পূর্ণরূপ দেখা যায়।
৫) address — Contact / Author Address Tag
লেখক/সংস্থা/কন্টেন্ট সম্পর্কিত ঠিকানা দেখাতে ব্যবহার হয়।
<address>
Written by Reza Blog Bd<br>
Visit: rezablogbd.com<br>
Dhaka, Bangladesh
</address>
৬) cite vs blockquote vs q | পার্থক্য
| Tag | কাজ |
|---|---|
<q> | ছোট quote |
<blockquote> | দীর্ঘ উদ্ধৃতি |
<cite> | সোর্স/টাইটেল উল্লেখ |
Complete Example
<!DOCTYPE html><!– Header Section –>
<html>
<head>
<title>HTML Comments & Quotations</title>
</head>
<body>
<h2>HTML Comments & Quotations Example</h2><!– Short Quote –>
<p>W3C says: <q>HTML is the foundation of the Web.</q></p><!– Long Quote –>
<blockquote>
HTML without structure is like a book without pages.
</blockquote>
<!– Citation –>
<p><cite>Web Standards Guide</cite> — W3C</p>
<!– Abbreviation –>
<p><abbr title=“Cascading Style Sheets”>CSS</abbr> controls the design of web pages.</p>
<!– Address –>
<address>
Developed by Reza Blog<br>
Dhaka, Bangladesh
</address>
</body>
</html>
Comments & Quotation কখন ব্যবহার হয়?
- ডকুমেন্টেশন
- শিক্ষা ও ব্যাখ্যা
- উৎস উল্লেখ
- সাহিত্য/বক্তব্য উদ্ধৃতি
- Reference-based ডিজাইন
Best Practices
- প্রয়োজনের জায়গায়
- Comments দিন
- অতিরিক্ত Comment দেবেন না — clean code বজায় রাখুন
- Quotation ট্যাগে মূল লেখাকে respect করুন
- Source উল্লেখ করতে cite ব্যবহার করুন


