HTML फ़ॉर्मैटर और मिनिफ़ायर - सुंदर या छोटा

HTML फ़ॉर्मैटर और मिनिफ़ायर


            

यह टूल क्या करता है

एक ही टेक्स्ट पर दो उलटे काम। फ़ॉर्मैटिंग लाइन ब्रेक और इंडेंट जोड़ती है ताकि इंसान नेस्टिंग पकड़ सके; मिनिफ़ाइंग वह सब हटाती है जिसकी ब्राउज़र को ज़रूरत नहीं। यहाँ दोनों आपके दिए अक्षरों पर काम करते हैं, किसी दोबारा बनाए दस्तावेज़ पर नहीं — इसलिए जो निकलता है वह अब भी आपकी मार्कअप है।

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

  1. 1 HTML चिपकाएँ — पूरा पेज या बस एक टुकड़ा।
  2. 2 इंडेंट चुनें, फिर फ़ॉर्मैट या मिनिफ़ाई दबाएँ।
  3. 3 नतीजा कॉपी करें, या तुलना के लिए दूसरे बटन से गुज़ार दें।

ख़ाली जगह हमेशा शोर नहीं होती

दो इनलाइन तत्वों के बीच एक अकेला स्पेस दिखने वाला टेक्स्ट है: हटा दें तो "एक दो" बनकर "एकदो" रह जाता है। ब्लॉक तत्वों के बीच वही स्पेस कुछ नहीं होता। यहाँ का मिनिफ़ायर इंडेंट हटाता है पर वह अलग करने वाला स्पेस रखता है जो सचमुच काम कर रहा हो।

pre और textarea को क्यों नहीं छुआ जाता

इनके भीतर हर स्पेस और हर न्यूलाइन वह सामग्री है जो पाठक देखेगा। किसी कोड ब्लॉक को दोबारा इंडेंट करना चुपचाप बदल देगा कि वह क्या दिखाता है, और textarea को छाँटना बदल देगा कि फ़ॉर्म क्या भेजता है। script और style के साथ भी यही: उनका भीतर दूसरी भाषा है और वह ज्यों का त्यों निकलता है।

यह फ़ॉर्मैट करता है, मरम्मत नहीं

ब्राउज़र पार्सर पर बने टूल टूटी मार्कअप को चुपचाप ठीक कर देते हैं: वे आपके टैग बंद कर देते हैं, भटके हुए हटा देते हैं और तत्वों को वहाँ खिसका देते हैं जहाँ स्पेसिफ़िकेशन कहती है। डिबग करते समय यह अक्सर वह नहीं होता जो आप चाहते हैं — जिस बग का आप पीछा कर रहे हैं, वही "ठीक" हो चुका हो सकता है। यह टूल सिर्फ़ टेक्स्ट दोबारा सजाता है और ग़लतियाँ वहीं छोड़ता है जहाँ आप उन्हें देख सकें।

HTML मिनिफ़ाई करना छोटी जीत है

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

HTML फ़ॉर्मैटिंग - अक्सर पूछे जाने वाले प्रश्न

फ़ॉर्मैटिंग एक ख़ास स्थिति में बदल सकती है: इनलाइन तत्वों के बीच लाइन ब्रेक जोड़ने से एक ऐसा स्पेस आ जाता है जो पहले नहीं था। अगर कोई लेआउट दो span के सटे होने पर टिका है, तो आसपास का ब्लॉक फ़ॉर्मैट करें पर उस पंक्ति को छोड़ दें। मिनिफ़ाइंग इसी समस्या के उलटे रूप से बचने के लिए बनाई गई है।
नया
CSS मिनिफ़ायर टिप्पणियाँ और ख़ाली जगह हटाकर CSS दबाएँ, या साफ़ इंडेंट के साथ वापस खोलें। calc() की जगहें और स्ट्रिंग ज्यों की त्यों रहती हैं।
आज लोकप्रिय
रेगेक्स टेस्टर रेगुलर एक्सप्रेशन लिखें और मिलान, कैप्चर समूह तथा प्रतिस्थापन तुरंत देखें। बेकाबू पैटर्न टैब जमाने के बजाय रोक दिया जाता है।

संबंधित डेव टूल्स

MD5 जनरेटर मुफ़्त MD5 हैश जनरेटर: किसी भी टेक्स्ट या फ़ाइल को ब्राउज़र में ही MD5 चेकसम में बदलें - फ़ाइल जाँच और तुलना के लिए उपयोगी।
Base64 एन्कोडर और डिकोडर मुफ़्त Base64 एनकोडर और डिकोडर: टेक्स्ट या फ़ाइल को Base64 में बदलें और वापस भी - सब ब्राउज़र में, कुछ भी अपलोड नहीं होता।
Lorem Ipsum जनरेटर मुफ़्त Lorem Ipsum जनरेटर: पैराग्राफ, वाक्य या शब्दों की संख्या के हिसाब से डमी टेक्स्ट बनाएँ, डिज़ाइन मॉकअप के लिए HTML टैग सहित।
JWT डिकोडर मुफ़्त JWT डिकोडर: टोकन चिपकाएँ और हेडर, पेलोड व सिग्नेचर पढ़ने लायक रूप में देखें - सब ब्राउज़र में, कुछ भी भेजा नहीं जाता।
URL एन्कोडर और डिकोडर मुफ़्त URL एनकोडर और डिकोडर: लिंक और क्वेरी पैरामीटर को परसेंट एन्कोडिंग में बदलें और वापस भी - पूरा URL या अलग हिस्सा।

अन्य उपकरण जो आपको पसंद आ सकते हैं

Word से PDF Word को मुफ़्त में PDF बनाएँ: DOC, DOCX, ODT या RTF फ़ाइल अपलोड करें और सेकंडों में सही फ़ॉर्मेट वाला PDF डाउनलोड करें।
PDF से Word PDF को मुफ़्त में Word में बदलें: PDF अपलोड करें और सेकंडों में एडिट करने योग्य DOCX डाउनलोड करें - बिना रजिस्ट्रेशन, बिना वॉटरमार्क।
वर्ड काउंटर मुफ़्त शब्द गणक: टेक्स्ट चिपकाएँ और शब्द, अक्षर, वाक्य व अनुच्छेद गिनें, साथ ही पढ़ने का अनुमानित समय देखें। कुछ भी अपलोड नहीं होता।
कैरेक्टर काउंटर मुफ़्त कैरेक्टर काउंटर: स्पेस सहित और बिना स्पेस अक्षर, शब्द व पंक्तियाँ गिनें और शीर्षक तथा मेटा विवरण की SEO सीमा जाँचें।
कीवर्ड डेंसिटी चेकर मुफ़्त कीवर्ड डेंसिटी टूल: टेक्स्ट या URL डालें और देखें कौन सा शब्द या वाक्यांश कितनी बार आया, प्रतिशत के साथ।