HTML ফরম্যাটার
HTML কোড অনলাইনে ফরম্যাট করুন।
কন্টেন্ট ম্যানেজমেন্ট সিস্টেম, টেমপ্লেট ইঞ্জিন বা কোড জেনারেটর থেকে তৈরি HTML প্রায়ই মিনিফাইড হয় এবং একটি লাইনে থাকে — পড়া, ডিবাগ করা বা রিফ্যাক্টর করা অসম্ভব হয়ে পড়ে। এই HTML ফরম্যাটার আপনার মার্কআপের নেস্টিং স্ট্রাকচার দেখানোর জন্য সঠিক ইন্ডেন্টেশন যুক্ত করে, ফলে unclosed ট্যাগ, গভীরভাবে নেস্টেড এলিমেন্ট, বা ভুল জায়গায় থাকা অ্যাট্রিবিউট খুঁজে পাওয়া সহজ হয়ে যায়। বাইরের সোর্স থেকে আসা HTML নিয়ে কাজ করা বা লেআউট সমস্যা ডিবাগ করা যেকোনো ব্যক্তির জন্য এটি একটি অপরিহার্য টুল।
📋 এই ক্যালকুলেটর কীভাবে ব্যবহার করবেন
আপনার HTML ইনপুট ফিল্ডে পেস্ট করুন — এটি একটি স্নিপেট বা সম্পূর্ণ HTML ডকুমেন্ট হতে পারে। ইন্ডেন্ট করা আউটপুট তৈরি করতে "Format HTML"-এ ক্লিক করুন, যেখানে 2-স্পেস ইন্ডেন্টেশন থাকবে। চাইল্ড এলিমেন্টগুলো তার প্যারেন্টের সাপেক্ষে ইন্ডেন্ট করা হয়। এলিমেন্টের ভেতরের টেক্সট কন্টেন্ট সেই এলিমেন্টের লেভেলে ইন্ডেন্ট করা হয়। Void এলিমেন্টগুলো (br, img, input, hr, meta, link) সঠিকভাবে হ্যান্ডল করা হয় এবং এগুলোর জন্য কোনো ক্লোজিং ট্যাগ আশা করা হয় না। ফরম্যাট করা আউটপুট কপি করতে Copy বাটন ব্যবহার করুন। ফরম্যাট করা HTML মূল ইনপুটের সাথে সিম্যান্টিকভাবে অভিন্ন থাকে।
💡 মূল তথ্য ও পরিসংখ্যান
HTML ফরম্যাটিং একটি টোকেন-ভিত্তিক পদ্ধতি ব্যবহার করে: ইনপুটকে ট্যাগের সীমানায় ভাগ করা হয়, এবং বর্তমান ইন্ডেন্টেশন ডেপথ ট্র্যাক করার জন্য প্রতিটি টোকেন ক্রমানুসারে প্রসেস করা হয়। ওপেনিং ট্যাগ ডেপথ বাড়ায়, ক্লোজিং ট্যাগ কমায়। Void এলিমেন্টগুলো (area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr) ডেপথ বাড়ায় না। সেলফ-ক্লোজিং ট্যাগগুলোও (যেগুলো /> দিয়ে শেষ হয়) ডেপথ বাড়ায় না। কমেন্টগুলো যেমন আছে তেমনই সংরক্ষিত থাকে। এই পদ্ধতি বেশিরভাগ HTML সঠিকভাবে হ্যান্ডল করে, কিন্তু ইচ্ছাকৃত ইনলাইন ফরম্যাটিং (যেমন কোনো বাক্যের মাঝখানে থাকা একটি <strong> ট্যাগ) হয়তো নিজের আলাদা লাইনে চলে যেতে পারে, যা বজায় থাকে না।