যখন আমরা আমাদের HTML পেজে টেক্সট লিখি, তখন আমাদের এমন ক্যারেক্টার ব্যবহার করতে হয় যা আমাদের কীবোর্ডে সহজে উপলব্ধ নয় বা যেগুলো রিজার্ভড ক্যারেক্টার যেগুলোর HTML-এ বিশেষ অর্থ আছে। এগুলোকে এন্টিটি বলা হয়। এই আর্টিকেলে, আমরা এই স্পেশাল ক্যারেক্টারগুলো আমাদের কোডে কীভাবে ব্যবহার করতে হয় তা দেখব এবং কিছু কমনলি ইউজড এন্টিটির রেফারেন্স দেব।
সিম্বল কীভাবে ব্যবহার করতে হয় সেটি ইলাস্ট্রেট করার একটি উপায় হল একটি কোড ব্লক তৈরি করা যা আপনি স্ক্রিনে রেন্ডার করতে চান। আপনার স্ক্রিনে HTML কোড দেখানোর চেষ্টা করার সময় একটি সমস্যা হল সেটি HTML এক্সিকিউট করতে চায়!
< এবং > HTML-এ রিজার্ভড ক্যারেক্টার। সেটি এড়াতে, আমরা সেসব ক্যারেক্টারকে আমরা যা HTML এন্টিটি বলি সেটি দিয়ে রিপ্লেস করতে পারি। এন্টিটি মূলত HTML ক্যারেক্টার কোডের অন্য একটি নাম। এখানে কোডে সেগুলো কীভাবে ব্যবহার করতে হয় যাতে র aw কোড ব্লক আপনার স্ক্রিনে দেখে:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <code> <!--The <code> blocks don't prevent this HTML from being rendered--> <p>Famous Baseball Players</p> <ul> <li>Babe Ruth</li> <li>Mickey Mantle</li> <li>Nolan Ryan</li> </ul> </code> <code> <br> <!--Replace special characters with character references--> <!-- === non-breaking space (4 spaces === tab) < === < > === > / === / --> <p>Famous Baseball Players</p> <br>     <ul> <br>         <li>Babe Ruth</li> <br>         <li>Mickey Mantle</li> <br>         <li>Nolan Ryan</li> <br>     </ul> <br> </code> </body> </html>
<code> ট্যাগগুলো প্রথম কোড ব্লকের চারপাশে HTML প্রসেস হতে বাধা দেয়নি। দ্বিতীয় সেট <code> ট্যাগ—ক্যারেক্টার কোডসহ—র aw কোডকে স্ক্রিনে রেন্ডার করло HTML ইভ্যালুয়েট করার বদলে।
ক্যারেক্টার এন্টিটি ব্যবহার করার উপায়
HTML-এ ক্যারেক্টার ব্যবহারের তিনটি সম্ভাব্য উপায় আছে: হেক্স কোড, নাম্বার কোড, এবং এন্টিটি কোড/ক্যারেক্টার নাম। সব তিনটি & দিয়ে শুরু হয়। এখানে কিছু উদাহরণ:
| Symbol | Character Name | Decimal Code | Hex Code | Description |
| < | < | < | < | Less than |
| © | © | © | © | Copyright |
| & | & | & | & | Ampersand |
কোডগুলো HTML4-এ আসা এন্টিটিগুলোর সাথে ভালোভাবে ইন্টারচেঞ্জেবল। এর অনেক অংশ ট্রায় অ্যান্ড এরর। এই ইনফরমেশন সিম্বল সম্পর্কে সব মেমোরাইজ করতে সময় ব্যয় করবেন না কারণ আপনি সবসময় সেগুলো ব্যবহার করবেন না। W3Schools-এ উপলব্ধ সব এন্টিটির একটি চমৎকার রেফারেন্স আছে। এই লিংক HTML4-এ পরিচয়পায় করা সকল সিম্বলে শুরু হয়। একই সাইটের পরের অধ্যায়ে সব nieuwer সিম্বল আছে। কিছুতে তিনों উপায়ে কোড লিখা থাকে, কিছুতে নেই। কিছু সব ব্রাউজার সাথে কম্প্যাটিবল, কিছু নয়।
মুল কথা হল: সিম্বল সম্পর্কে অয়ের থাকুন, জানুন সেগুলো আছে, এবং জানুন কীভাবে একটি কোড লুক আপ করতে হয় যাতে আপনি আপনার প্রজেক্টে সেটি ব্যবহার করতে পারেন। সেটিই সব। ট্রায় অ্যান্ড এরর চালিয়ে যান এবং আপনি চটপট শিখে যাবেন!
