HTML फ़ॉर्मैटर: HTML कोड को सुंदर और इंडेंट करें

एक लाइन वाले या उलझे HTML को साफ़ इंडेंट किए कोड में बदलें, जिसे पढ़ना और बदलना आसान हो।

इनपुट
नतीजा

कैसे इस्तेमाल करें

  1. HTML पेस्ट करें या .html फ़ाइल खोलें।
  2. इंडेंट चुनें: 2 स्पेस, 4 स्पेस या टैब।
  3. फ़ॉर्मैट किया कोड कॉपी या डाउनलोड करें।

ज़रूरी जानकारी

फ़ॉर्मैटर हर ब्लॉक एलिमेंट (div, ul, li, table आदि) को अलग लाइन पर रखता है और उसके अंदर वाले टैग को एक लेवल आगे खिसकाता है। <b> और <a> जैसे इनलाइन टैग टेक्स्ट के साथ ही रहते हैं, ताकि पेज वैसा ही दिखे। इसमें js-beautify (MIT लाइसेंस) का इस्तेमाल होता है।

<pre> और <textarea> का कंटेंट बिल्कुल वैसा ही रखा जाता है, क्योंकि वहाँ के स्पेस पेज पर दिखते हैं। <style> की CSS और <script> की JavaScript भी फ़ॉर्मैट होती है।

फ़ॉर्मैटिंग सिर्फ़ स्पेस और लाइन ब्रेक बदलती है, आपके टैग या टेक्स्ट नहीं। यह टूटे HTML को ठीक नहीं करती: बंद न हुआ टैग वैसा ही रहेगा। पेज कैसा दिखता है, यह HTML व्यूअर में देखें।

सवाल-जवाब

क्या फ़ॉर्मैट करने से पेज का रूप बदलेगा?

आमतौर पर नहीं। सिर्फ़ ब्लॉक एलिमेंट के बीच के स्पेस बदलते हैं; इनलाइन टेक्स्ट और <pre> वैसे ही रहते हैं।

2 स्पेस या 4 स्पेस?

दोनों चलते हैं। कई वेब प्रोजेक्ट 2 स्पेस रखते हैं; जो आपकी टीम इस्तेमाल करती है वही चुनें।

क्या मिनिफ़ाई HTML फ़ॉर्मैट होगा?

हाँ, यही इसका मुख्य काम है।

क्या यह गलतियाँ भी बताता है?

नहीं। यह जो दिया है उसे फ़ॉर्मैट करता है। HTML के नियम जाँचने के लिए वैलिडेटर इस्तेमाल करें।

क्या मेरा कोड सर्वर पर जाता है?

नहीं। यह आपके ब्राउज़र में चलता है।

आख़िरी अपडेट: