HTML फ़ॉर्मैटर

HTML को सुरक्षित तरीके से इंडेंट करना

ब्राउज़र HTML की ज़्यादातर खाली जगह को समेट देते हैं, इसलिए पेज एक लाइन में लिखा हो या हज़ार लाइनों में, दिखता एक जैसा है। टेम्पलेट, CMS का आउटपुट और मिनिफ़ाई किए बंडल अक्सर ऐसा मार्कअप बनाते हैं जिसे कोई पढ़ नहीं सकता। फ़ॉर्मैटर ब्लॉक एलिमेंट को अलग लाइनों पर रखता है और चाइल्ड को पैरेंट के नीचे इंडेंट करता है, जिससे बेमेल या ग़लत जगह लगे टैग आसानी से दिख जाते हैं।

फ़ॉर्मैटर असल में बारीकियों में ग़लती करते हैं। <br>, <img> और <input> जैसे void एलिमेंट का कभी क्लोज़िंग टैग नहीं होता, इसलिए वे इंडेंट नहीं बढ़ा सकते। <pre> और <textarea> के अंदर की खाली जगह जैसी लिखी है वैसी ही दिखती है, इसलिए उसे छुआ नहीं जा सकता। और इनलाइन एलिमेंट अपने आसपास के शब्दों के साथ एक ही लाइन में रहते हैं, क्योंकि वहाँ लाइन ब्रेक डालने से दिखने वाली खाली जगह जुड़ जाएगी।

पेज में एम्बेड की गई स्क्रिप्ट और स्टाइल शीट एक अलग भाषा हैं। फ़ॉर्मैटर उन्हें पेज के अपने इंडेंट से सजा सकता है, या हूबहू छोड़ सकता है, अगर आप diff छोटा रखना चाहते हैं या कोड पहले से जानबूझकर मिनिफ़ाई किया गया है।

सुझाव

• स्टाइलशीट छोटी करनी है? अकेले CSS पर CSS मिनिफ़ाई करें काम करता है।
• README के लिए किसी स्निपेट को Markdown में बदलना है? HTML से Markdown इस्तेमाल करें।
• टेम्पलेट में किया बदलाव जाँच रहे हैं? पुराने और नए को फ़ॉर्मैट करके टेक्स्ट की तुलना करें में डालें।