HTML ফরম্যাটার
গোছালো নয় এমন HTML পড়ার উপযোগী ইনডেন্টে সাজান — অথবা এক লাইনে মিনিফাই করুন — পুরোপুরি আপনার ব্রাউজারে।
ফরম্যাট করা HTML
কীভাবে ব্যবহার করবেন
- HTML পেস্ট বা লিখুন। টাইপ করার সঙ্গে সঙ্গেই ফরম্যাট (বা মিনিফাই) হয় — ক্লিক করার মতো কোনো বোতাম নেই।
- ফরম্যাট / মিনিফাই পাল্টান; 2 বা 4 স্পেস বেছে নিন। মিনিফাই মোডে ইনডেন্ট নিয়ন্ত্রণ নিষ্ক্রিয় থাকে।
- ব্লক এলিমেন্টগুলো প্রতি গভর্তায় এক স্তর ইনডেন্ট পায়, এক-একটি লাইনে। ইনলাইন কনটেন্ট (<a> বা <b>-এর সঙ্গে মিশ্রিত টেক্সট) যেমন লেখা ছিল তেমনি থাকে।
- void এলিমেন্ট (<br>, <img>, <input>…) বন্ধ ট্যাগ ছাড়াই চলে এবং হুবহু থাকে, ঐচ্ছিক /> সহ।
- Raw-text এলিমেন্ট (<script>, <style>, <textarea>, <title>, <pre>) অক্ষরে অক্ষরে নকল হয়; ভেতরের কিছুই বিশ্লেষণ বা পুনঃফরম্যাট হয় না।
উদাহরণ
ইনপুট
<html><head><meta charset="utf-8"><title>Demo</title></head><body><div class="card"><h1>Hello</h1><p>Hi <b>there</b></p><ul><li>one</li><li>two</li></ul></div><script>const x=1;</script></body></html>
আউটপুট
<html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <div class="card"> <h1>Hello</h1> <p>Hi <b>there</b></p> <ul> <li>one</li> <li>two</li> </ul> </div> <script>const x=1;</script> </body> </html>
ইনলাইন কনটেন্ট এবং <script>/<style>-এর ভেতরের লেখা হুবহু থাকে; <meta> একটি void এলিমেন্ট, যেমন লেখা তেমনি রাখা হয়েছে।
সীমাবদ্ধতা
- শুধু গঠনগত: ট্যাগ জোড়া, void এলিমেন্ট, সাধারণ implied বন্ধ (li/td/tr/dt/dd/option/p/head) ও নেস্টিং। DTD/Schema যাচাই নেই।
- ভেতরের JavaScript ও CSS ফরম্যাট হয় না — <script>/<style>-এর কনটেন্ট যেমন তেমন থাকে। (সেগুলোর জন্য কোড ফরম্যাটার ব্যবহার করুন।)
- সব ঐচ্ছিক HTML5 বন্ধ ট্যাগ অনুমান করা হয় না; সত্যিই ভুল নেস্টিং হলে লাইন ও কলামসহ জানানো হয়।
- ইনলাইন/মিশ্রিত কনটেন্ট ইচ্ছাকৃতভাবে নতুন করে ইনডেন্ট করা হয় না। <pre>/<textarea>/<title>-এর ভেতরের লেখা হুবহু সংরক্ষিত।
- কোনো ফাইল আপলোড নেই, URL প্যারামিটার নেই, হিস্টরি নেই, অ্যাকাউন্ট নেই। ইনপুট কখনো আপনার ব্রাউজারের বাইরে যায় না।
সম্পর্কিত টুল
এই টুলবক্সের আরও ফরম্যাটার ও টেক্সট টুল।