HTML ऑनलाइन अनमिनिफ़ाई करें
संकुचित पेज स्रोत को पठनीय मार्कअप में बदलें। टैग नेस्टिंग की गहराई के अनुसार इंडेंट होते हैं, एट्रिब्यूट साफ़ ढंग से दिखते हैं और इनलाइन स्क्रिप्ट व स्टाइल भी दस्तावेज़ के साथ फ़ॉर्मैट होते हैं।
पेज का स्रोत ऐसा क्यों दिखता है?
HTML मिनिफ़ायर टैग के बीच के स्पेस समेटते हैं, टिप्पणियाँ हटाते हैं, वैकल्पिक क्लोज़िंग टैग छोड़ देते हैं और जिन एट्रिब्यूट मानों को उद्धरण चिह्नों की ज़रूरत नहीं होती, उनके उद्धरण हटाते हैं। सर्वर पर टेम्पलेट से पेज बनना इसे और उलझाता है। दर्जनों हिस्सों से बना पेज एक ऐसे निरंतर प्रवाह के रूप में आता है जिसका मूल फ़ाइलों के लेआउट से संबंध नहीं दिखता। लगभग किसी भी प्रोडक्शन साइट का स्रोत खोलें, तो कुछ बहुत लंबी पंक्तियाँ मिलेंगी। किसी सेक्शन का बंद होने वाला टैग ढूँढ़ने के लिए आँखों से कोणीय कोष्ठक गिनने पड़ते हैं।
सबसे ज़रूरी है दस्तावेज़ की संरचना
HTML एक वृक्ष जैसी संरचना है। उसे समतल पंक्ति में लिख देने पर वह पढ़ना कठिन हो जाता है। नेस्टिंग की गहराई के अनुसार इंडेंट करने से दस्तावेज़ का आकार तुरंत दिखता है: हेडर कहाँ ख़त्म होता है, मुख्य कंटेंट किस कंटेनर में है, कंपोनेंट कितने स्तर भीतर है और किस एलिमेंट का क्लोज़िंग टैग ग़ायब है। इसलिए फ़ॉर्मैट किया पेज स्रोत शीर्षकों का क्रम जाँचने, फ़्रेमवर्क के बनाए मार्कअप को समझने या किसी दूसरी साइट के सेक्शन की बनावट देखने में उपयोगी होता है।
इनलाइन स्क्रिप्ट और स्टाइल भी फ़ॉर्मैट होते हैं
असली पेज में केवल मार्कअप कम ही होता है। एनालिटिक्स के छोटे कोड, JSON-LD स्ट्रक्चर्ड डेटा, कॉन्फ़िगरेशन ऑब्जेक्ट और ज़रूरी CSS सीधे दस्तावेज़ में मौजूद होते हैं। मिनिफ़ायर उन्हें भी छोटा करता है। फ़ॉर्मैटर हर एम्बेड किए ब्लॉक के लिए उपयुक्त पार्सर इस्तेमाल करता है। इसलिए मिनिफ़ाई किया JavaScript रखने वाला script टैग पठनीय JavaScript बन जाता है और style टैग पठनीय CSS में बदल जाता है। ये सभी सही इंडेंटेशन वाले दस्तावेज़ के भीतर ही रहते हैं।
स्पेस के प्रति संवेदनशील टैग का ध्यान रखा जाता है
HTML को इंडेंट करने से टैग के बीच की खाली जगह बदलती है और कुछ स्थानों पर उसका अर्थ होता है। फ़ॉर्मैटर इस बात का ध्यान रखता है। pre और textarea का कंटेंट जैसा है वैसा ही रखा जाता है। इनलाइन एलिमेंट को इस तरह पंक्तियों में नहीं तोड़ा जाता कि पाठ के आसपास दिखने वाले स्पेस जुड़ें या हटें। इससे दस्तावेज़ को पढ़ना आसान होता है और पेज के दिखने का तरीका सुरक्षित रखने में मदद मिलती है।
अक्सर पूछे जाने वाले सवाल
क्या मैं पूरे पेज का स्रोत पेस्ट कर सकता हूँ?
हाँ। ब्राउज़र में view-source से स्रोत कॉपी करें या पेज सहेजकर फ़ाइल खोलें। पूरा दस्तावेज़ फ़ॉर्मैट होगा, जिसमें head, body, इनलाइन स्क्रिप्ट और स्ट्रक्चर्ड डेटा भी शामिल हैं।
क्या फ़ॉर्मैटिंग से पेज का दिखना बदल जाएगा?
ऐसा नहीं होना चाहिए। स्पेस के प्रति संवेदनशील pre और textarea जैसे एलिमेंट सुरक्षित रखे जाते हैं और इनलाइन कंटेंट को सावधानी से सँभाला जाता है। फिर भी पढ़ने के लिए एक कॉपी फ़ॉर्मैट करें और आउटपुट को बिना जाँच के सीधे प्रोडक्शन में इस्तेमाल न करें।
क्या यह Twig या Blade जैसे टेम्पलेट पर काम करता है?
कुछ हद तक। साधारण मार्कअप सही फ़ॉर्मैट होता है, लेकिन अपने अलग सिंटैक्स वाले टेम्पलेट टैग HTML पार्सर को उलझा सकते हैं। टूल उस HTML के लिए बनाया गया है जो ब्राउज़र को वास्तव में मिलता है, न कि उसे बनाने वाले टेम्पलेट के लिए।