HTML फॉर्मेटर और मिनिफायर
HTML को साफ़, इंडेंट किए गए मार्कअप में बदलें, या अपनी लाइव साइट के लिए छोटा करें।
इस टूल में समस्या की रिपोर्ट करें
HTML फॉर्मेटर का उपयोग कैसे करें
अपना HTML पेस्ट करें
पूरा पेज या कोई स्निपेट पेस्ट करें, या .html फाइल खोलें या ड्रॉप करें। टाइप करते ही यह फॉर्मेट हो जाता है।
ब्यूटिफाई या मिनिफाई करें
ब्यूटिफाई हर टैग को 2 या 4 स्पेस या टैब से इंडेंट करता है। मिनिफाई कमेंट और न दिखने वाले स्पेस हटा देता है।
कॉपी या डाउनलोड करें
परिणाम कॉपी करें, या .html फाइल के रूप में डाउनलोड करें। मिनिफाई करने पर आप देखेंगे कि कितने बाइट्स बचे।
Utils365 का उपयोग क्यों करें
सुरक्षित मिनिफाई
<pre>, <textarea>, <script> और <style> के अंदर का हिस्सा कभी नहीं छुआ जाता, और इनलाइन टैग के बीच एक स्पेस रखा जाता है, इसलिए पेज वैसा ही दिखता है।
पढ़ने लायक मार्कअप
नेस्टेड टैग को हर लेवल पर एक इंडेंट मिलता है, इसलिए एक लाइन में दबा पेज पढ़ने और एडिट करने में आसान हो जाता है।
बचत देखें
मिनिफाई करते ही पहले और बाद का साइज़, और बचत का प्रतिशत दिखता है।
पूरी तरह निजी
आपका HTML आपके ब्राउज़र में फॉर्मेट होता है और कभी अपलोड नहीं होता, इसलिए अप्रकाशित पेज और टेम्पलेट आपके पास ही रहते हैं।
अक्सर पूछे जाने वाले प्रश्न
HTML मिनिफायर क्या हटाता है?
कमेंट, लाइन ब्रेक और इंडेंटेशन, और टैग के बीच के वे स्पेस जो ब्राउज़र नहीं दिखाते। पुराने Internet Explorer के कंडीशनल कमेंट रखे जाते हैं क्योंकि वे अब भी कुछ करते हैं।
क्या मिनिफाई करने से मेरा पेज अलग दिखेगा?
ऐसा नहीं होना चाहिए। <div> और <p> जैसे ब्लॉक एलिमेंट के पास का व्हाइटस्पेस कभी नहीं दिखता, इसलिए हटा दिया जाता है। लिंक और बटन जैसे इनलाइन एलिमेंट के बीच एक स्पेस रखा जाता है, क्योंकि वहाँ वह दिखता है।
क्या मेरी स्क्रिप्ट और स्टाइल बदलती हैं?
नहीं। <script> और <style> का कंटेंट बिल्कुल वैसा ही रहता है जैसा लिखा था। इन्हें भी छोटा करने के लिए JavaScript और CSS फॉर्मेटर इस्तेमाल करें।
<pre> को क्यों नहीं छुआ जाता?
<pre> और <textarea> के अंदर हर स्पेस और लाइन ब्रेक पेज पर दिखता है, इसलिए उनमें से कुछ भी हटाने से विज़िटर को दिखने वाली चीज़ बदल जाएगी।
क्या फॉर्मेटर टूटा हुआ HTML ठीक करता है?
नहीं। यह सिर्फ़ लेआउट बदलता है, आपके टैग नहीं। छूटा हुआ क्लोज़िंग टैग छूटा ही रहता है, इसलिए इंडेंट देखें: जो टैग कभी खत्म नहीं होता, वह उसके बाद की हर चीज़ को एक लेवल अंदर धकेल देता है।