HTML Character Entities সহজভাবে বোঝার গাইড
Special Characters বুঝুন, Browser কে নিয়ন্ত্রণ করুন
আমরা যখন HTML শিখি, তখন একটা সময় এসে বুঝি—সব character সরাসরি লিখলেই কাজ করে না।
বিশেষ করে <, >, & এর মতো চিহ্নগুলো। এগুলো শুধু text না,
browser এগুলোকে code হিসেবে ধরে। এখানেই শুরু হয় HTML Character Entities-এর প্রয়োজন।
এই chapter-এ আমরা শিখব কিভাবে সঠিকভাবে special character ব্যবহার করতে হয়,
যাতে browser ঠিক সেই output দেখায় যা আমরা চাই।
What You’ll Learn
HTML Character Entities কী?
safe ভাবে browser-এ দেখাতে পারি।
ধরুন আমরা যদি <div> লিখি, browser এটাকে HTML tag হিসেবে ধরবে।
কিন্তু আমরা যদি এটাকে text হিসেবে দেখাতে চাই, তখন আমাদের entity ব্যবহার করতে হবে:
> → >
& → &
Old Way vs Transcendent Way
Old Way
সরাসরি special character ব্যবহার → Error বা ভুল rendering
Transcendent Way
Entity ব্যবহার → নিখুঁত output, full control
Browser কেন Confused হয়?
Browser যখন < > দেখে, তখন ধরে নেয় এটি HTML tag।
তাই যদি আমরা এগুলো content হিসেবে দেখাতে চাই,
তাহলে entity ছাড়া কোনো উপায় নেই।
Flow: কীভাবে Entity কাজ করে
Non-Breaking Space ( )
যখন text layout control করতে হবে—যেমন দুইটি শব্দ আলাদা লাইনে যেতে না দেওয়া—
তখন ব্যবহার করা হয়।
Real Use Case
Reference Source
আমরা সব HTML entity এর সম্পূর্ণ তালিকা দেখতে পারি
The Transcendent এর মাধ্যমে
অথবা W3C reference থেকে।
Summary Table
| Character | Entity | Output |
|---|---|---|
| < | < | < |
| > | > | > |
| & | & | & |
HTML entity হলো আপনার control system—এটি নিশ্চিত করে browser ঠিক সেই character-টাই দেখাবে, যা আপনি চান।
FAQ
সব সময় কি entity ব্যবহার করতে হবে?
না। শুধুমাত্র special character বা conflict হলে ব্যবহার করতে হবে।
Entity না ব্যবহার করলে কী সমস্যা হবে?
Browser ভুলভাবে interpret করতে পারে, ফলে output নষ্ট হবে।
কেন গুরুত্বপূর্ণ?
এটি text layout control করে এবং unwanted line break আটকায়।