HTML Entity এনকোডার ও ডিকোডার

কেন HTML এস্কেপ করবেন?

HTML-এ পাঁচটি অক্ষরের বিশেষ অর্থ আছে: & একটি entity শুরু করে, < ও > ট্যাগের সীমা নির্দেশ করে, আর " ও ' অ্যাট্রিবিউটের মান বন্ধ করে। ব্যবহারকারীর দেওয়া টেক্সটে এগুলো থাকলে এবং এস্কেপ না করে পেজে বসালে লেআউট ভেঙে যেতে পারে, বা আরও খারাপ, স্ক্রিপ্ট ঢুকে যেতে পারে (cross-site scripting, XSS)। এস্কেপ করলে এগুলো &, <, >, " ও ' হয়ে যায়, যা ব্রাউজার টেক্সট হিসেবে দেখায়।

নামযুক্ত, দশমিক ও hex entity

প্রতিটি Unicode অক্ষর সংখ্যাভিত্তিক রেফারেন্স হিসেবে লেখা যায়: € এর জন্য দশমিক € বা hex €। অনেক প্রচলিত অক্ষরের পড়ার উপযোগী নামও আছে, যেমন €, © বা  । সংখ্যাভিত্তিক রেফারেন্স সব জায়গায় কাজ করে, XML-এও, যেখানে মাত্র পাঁচটি নামযুক্ত entity সংজ্ঞায়িত। সোর্স কোডে নামযুক্ত entity পড়তে সহজ।

non-ASCII অক্ষর কি এনকোড করতে হবে?

আপনার পেজ UTF-8 হিসেবে পরিবেশিত হলে দরকার নেই, আর প্রায় সব আধুনিক সাইটই তা (<meta charset="utf-8">)। é, ü বা 日本-এর মতো অক্ষর সরাসরি লেখা যায়। পুরনো সিস্টেম, ইমেইল টেমপ্লেট, বা কোনো পাইপলাইন non-ASCII টেক্সট নষ্ট করলে এগুলো এনকোড করা কাজে আসে।

এস্কেপিং প্রেক্ষাপট-নির্ভর

HTML entity এস্কেপিং এলিমেন্টের কনটেন্ট ও কোটযুক্ত অ্যাট্রিবিউটে বসানো টেক্সটকে সুরক্ষা দেয়। <script> ব্লক, ইনলাইন ইভেন্ট হ্যান্ডলার, CSS বা URL-এর ভেতরের মানের জন্য এটি যথেষ্ট নয়; প্রতিটির নিজস্ব এনকোডিং লাগে। হাতে স্ট্রিং জোড়া দেওয়ার চেয়ে আপনার ফ্রেমওয়ার্কের স্বয়ংক্রিয় এস্কেপিং (React, Vue, Jinja, Blade) ব্যবহার করুন।