HTML এনটিটি এনকোডার
বিশেষ অক্ষরকে HTML এনটিটিতে বদলে ওয়েবপেজে নিরাপদে দেখান। <, >, & ও কোটেশন এনকোড করা যায়, আবার উল্টোদিকে ডিকোডও করা যায়। সব কাজ আপনার ব্রাউজারে হয়।
মূল এনটিটি: & → &, < → <, > → >, ” → ", ‘ → '। বাংলা অক্ষর এনকোড করা হয় না, কারণ ব্রাউজার সরাসরি বাংলা দেখাতে পারে।
ওয়েবপেজে লেখা দেখাতে গেলে কিছু অক্ষর সমস্যা করে। যেমন ছোট চিহ্ন (<) লিখলে ব্রাউজার মনে করে নতুন HTML ট্যাগ শুরু হয়েছে, আর আসল লেখাটি দেখায় না। আবার & চিহ্ন লিখলে ব্রাউজার মনে করে এনটিটি শুরু হয়েছে। এই সমস্যার সমাধান হলো HTML এনটিটি। এনটিটি হলো বিশেষ অক্ষরের নিরাপদ রূপ। যেমন < এর এনটিটি হলো <, > এর এনটিটি হলো >, আর & এর এনটিটি হলো &। ব্রাউজার এই এনটিটি দেখে সঠিক অক্ষরটি দেখায়, কিন্তু ট্যাগ হিসেবে ধরে না। ডেভেলপাররা কোডের উদাহরণ, গাণিতিক চিহ্ন ও ব্যবহারকারীর লেখা নিরাপদে দেখাতে এনটিটি ব্যবহার করেন। এই টুলে লেখা বসিয়ে এক ক্লিকে এনকোড বা ডিকোড করা যায়। সব কাজ আপনার ব্রাউজারে হয়।
কীভাবে ব্যবহার করবেন
- প্রথম বাক্সে লেখা বা HTML বসান। এটি কোডের উদাহরণ, গাণিতিক লেখা বা যেকোনো লেখা হতে পারে।
- কাজ বেছে নিন: এনকোড মানে অক্ষরকে এনটিটিতে বদলানো, ডিকোড মানে এনটিটিকে আসল অক্ষরে ফেরানো।
- চালান বোতামে ক্লিক করুন। নিচে ফলাফল দেখা যাবে।
- ফলাফল কপি করুন বোতামে ক্লিক করে ফলাফল কপি করুন এবং আপনার পেজে বসান।
- নতুন করে শুরু করতে রিসেট করুন বোতামে ক্লিক করুন। প্রথমবার উদাহরণ বসান বোতামে ক্লিক করে দেখে নিন।
একটি বাস্তব উদাহরণ
ধরুন, আপনি পেজে দেখাতে চান
ফলাফল বুঝবেন কীভাবে
ফলাফলের নিচে লেখা থাকে ইনপুট ও ফলাফলের অক্ষর সংখ্যা। এনকোড করলে ফলাফল সাধারণত বড় হয়, কারণ একটি অক্ষর বদলে চার থেকে পাঁচটি অক্ষরের এনটিটি হয়। যেমন < বদলে < হয়, যা চারটি অক্ষর। ডিকোড করলে ফলাফল ছোট হয়। ফলাফলে & দেখলে বুঝবেন সেটি আসল & চিহ্নের এনটিটি। দুইবার এনকোড করলে & হয়, যা ভুল — তাই একবার এনকোড করা লেখা আবার এনকোড করবেন না।
সাধারণ ভুল
সবচেয়ে সাধারণ ভুল হলো & আগে না বদলানো। & পরে বদলালে আগের এনটিটিগুলো আবার বদলে যায়। এই টুলটি সঠিক ক্রমে বদলায়, তাই হাতে করলে ক্রম মনে রাখুন। দ্বিতীয় ভুল হলো একবার এনকোড করা লেখা আবার এনকোড করা। তৃতীয় ভুল হলো ডিকোড করার সময় & কে শেষে না বদলানো। চতুর্থ ভুল হলো বাংলা অক্ষরকে এনটিটিতে বদলাতে চাওয়া। বাংলা সরাসরি লেখা যায়, এনকোড করার দরকার নেই। পঞ্চম ভুল হলো এনকোড করা লেখাকে ট্যাগ মনে করে ব্রাউজারে সরাসরি দেখার চেষ্টা করা।
সতর্কতা
ওয়ার্ডপ্রেস বা ব্লগে কোডের উদাহরণ লেখার সময় এনটিটি ব্যবহার করা খুব কাজে লাগে। অনেক সময় লেখক সরাসরি
এই টুলটি শুধু পাঁচটি মূল অক্ষর এনকোড করে। কপিরাইট © বা ডিগ্রি ° এর মতো অক্ষর এনকোড করতে চাইলে সংখ্যাভিত্তিক এনটিটি ব্যবহার করুন। ব্যবহারকারীর লেখা পেজে দেখানোর সময় সবসময় এনকোড করুন, নইলে ক্ষতিকর স্ক্রিপ্ট চলতে পারে। তবে এনকোড করলেই সম্পূর্ণ নিরাপদ হয় না — সার্ভারের যাচাইও দরকার। এই টুলটি ডেটা কোথাও পাঠায় না, তবুও গোপন তথ্য অচেনা সাইটে বসাবেন না।
FAQ
প্রশ্ন: < মানে কী?
উত্তর: এটি < চিহ্নের HTML এনটিটি। ব্রাউজার এটি দেখে < অক্ষরটি দেখায়, কিন্তু ট্যাগ হিসেবে ধরে না।
প্রশ্ন: বাংলা অক্ষর কি এনকোড করতে হবে?
উত্তর: না, ব্রাউজার সরাসরি বাংলা দেখাতে পারে। শুধু &, <, >, ” ও ‘ এনকোড করলেই হয়।
প্রশ্ন: দুইবার এনকোড করলে কী হবে?
উত্তর: & এর মতো ভুল ফলাফল হবে। একবার এনকোড করা লেখা আবার এনকোড করবেন না।
প্রশ্ন: এই টুল কি আমার লেখা কোথাও পাঠায়?
উত্তর: না, সব কাজ আপনার ব্রাউজারেই হয়। আপনার লেখা কোনো সার্ভারে পাঠানো বা সংরক্ষণ করা হয় না।