HTML Entities এইচটিএমএল এনটাইটিজ এবং HTML Special Characters এইচটিএমএল স্পেশাল ক্যারেক্টার
HTML Entities: ওয়েবপেজে কিছু স্পেশাল ক্যারেক্টার যেমন <, >, &, ", '— এগুলো HTML-এ সরাসরি লেখা যায় না। এগুলোকে সঠিকভাবে দেখাতে হলে আমাদের ব্যবহার করতে হয় HTML Entities। এই Entity গুলো হলো বিশেষ কোড, যেগুলো ব্রাউজারে সেই স্পেশাল ক্যারেক্টার হিসেবে রেন্ডার হয়।
চলো, কোড উদাহরণের মাধ্যমে দেখে নেই।
💻 HTML কোড উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Entities Example</title>
</head>
<body>
<h2>Common HTML Entities</h2>
<p>Less than: <</p>
<p>Greater than: ></p>
<p>Ampersand: &</p>
<p>Double Quote: "</p>
<p>Single Quote: '</p>
<p>Non-breaking Space: Hello World!</p>
</body>
</html>
📘 প্রতিটি লাইনের ব্যাখ্যা :
🔹 < → Less than sign (<)
👉 < এই চিহ্নটি HTML-এ ট্যাগ শুরুর জন্য ব্যবহৃত হয়।
👉 তাই এটি সরাসরি লিখলে ব্রাউজার একে ট্যাগ ভেবে নেয়।
👉 তাই < দেখাতে চাইলে লিখতে হবে <
🔹 > → Greater than sign (>)
👉 একইভাবে > চিহ্নটি দেখানোর জন্য ব্যবহার করি >
👉 এটা ট্যাগের শেষ বুঝাতে ব্যবহৃত হয়, তাই সরাসরি লেখা যায় না।
🔹 & → Ampersand sign (&)
👉 & দিয়ে HTML Entity শুরু হয়, তাই এটি আলাদা করে দেখাতে & ব্যবহার করি।
👉 যেমন: ©, , ইত্যাদি শুরু হয় & দিয়ে।
🔹 " → Double Quote (")
👉 কখনও কখনও টেক্সটে ডাবল কোটেশন দেখাতে হয়।
👉 এর জন্য ব্যবহার করা হয় "
🔹 ' → Single Quote (')
👉 একইভাবে ' ব্যবহার করে সিঙ্গেল কোটেশন দেখানো যায়।
🔹 → Non-breaking space
👉 এটা এমন একটি স্পেস, যেটা ব্রাউজার ভেঙে ফেলে না।
👉 যেমন “Hello World!” লিখলে দুটি শব্দের মাঝে এক ধরনের কড়া স্পেস তৈরি হয় যা ব্রাউজার ভাঙবে না।
🗣️
“আজ আমরা শিখলাম কীভাবে HTML Entities ব্যবহার করে স্পেশাল ক্যারেক্টারগুলো ওয়েবপেজে সঠিকভাবে দেখানো যায়।
এই Entity গুলো ছাড়া <, >, & এর মতো চিহ্ন লিখলে তা ভুল রেন্ডার হবে অথবা কাজই করবে না।
এই জিনিসগুলো বুঝে নিলে, HTML কোড লেখার সময় অনেক সমস্যার সমাধান হয়ে যাবে।
Topic Covered: HTML Entities, HTML Special Characters, html symbols, html character codes,
