फ्री HTML Beautifier
यह फ्री HTML beautifier मिनिफाइड या गड़बड़ मार्कअप को लेता है और इसे एक ब्लॉक टैग प्रति लाइन और सुसंगत इंडेंटेशन के साथ रिटर्न करता है, ताकि आप देख सकें कि एलिमेंट्स कैसे नेस्टेड हैं। इनलाइन टैग अपने टेक्स्ट के साथ रहते हैं, छोटे एलिमेंट्स एक लाइन पर रहते हैं, और pre, textarea, script और style ब्लॉक्स का कंटेंट बिल्कुल जैसा लिखा है वैसा ही रहता है। यह डेवलपर्स और मार्केटर्स के लिए उपयुक्त है जिन्हें पेज सोर्स पढ़ने या एडिट करने की जरूरत है।
HTML Beautifier
Generators and Converters
इस टूल के बारे में
पेज अक्सर एक लंबी लाइन के रूप में डिलीवर किए जाते हैं, या विभिन्न टूल्स और लोगों द्वारा इंडेंटेड मार्कअप के रूप में। उसे पढ़ना धीमा है और गलतियां आसानी से छिप जाती हैं: एक बंद न किया गया div, एक आवारा टैग या गलत जगह पर एक हेडिंग। प्रत्येक स्तर को इंडेंट करने से नेस्टिंग एक नज़र में दिखाई देती है।
beautifier मार्कअप को टैग, कमेंट्स और टेक्स्ट में विभाजित करता है, फिर प्रत्येक ब्लॉक एलिमेंट की गहराई से इंडेंट करता है। इनलाइन टैग जैसे a, strong, em और span अपने पैराग्राफ के अंदर रहते हैं, और void एलिमेंट्स जैसे br, img, input और meta गहराई को बढ़ाते नहीं हैं। आप दो स्पेस, चार स्पेस या टैब चुन सकते हैं। pre और textarea के अंदर का टेक्स्ट और script और style के अंदर का कोड कभी भी रीफॉर्मेट नहीं किया जाता है, क्योंकि वहां अतिरिक्त व्हाइटस्पेस पेज को क्या दिखता है या क्या करता है इसे बदल सकता है।
यह आपको जो देता है उसे फॉर्मेट करता है और टूटे हुए HTML को ठीक नहीं करता है, इसलिए एक बंद न किया गया टैग एक इंडेंट के रूप में दिखाई देगा जो कभी वापस नहीं आता है। टेम्पलेट एडिट करने से पहले, पेज के दो संस्करणों की तुलना करते समय, या जब प्लगइन द्वारा बनाया गया HTML चेक करते समय इसका उपयोग करें। आप जो कुछ भी पेस्ट करते हैं वह स्टोर नहीं किया जाता है।
अक्सर पूछे जाने वाले सवाल
क्या beautifying से पेज का लुक बदलता है?
नहीं होना चाहिए। टूल केवल ब्लॉक टैग के बीच लाइन ब्रेक और इंडेंटेशन जोड़ता है, और pre, textarea, script और style में कंटेंट अछूता रहता है। ब्राउजर अधिकांश एलिमेंट्स के बीच व्हाइटस्पेस को कोलैप्स करते हैं, इसलिए यदि सटीक स्पेसिंग महत्वपूर्ण है तो पहले और बाद में पेज की तुलना करें।
क्या यह अमान्य HTML को ठीक कर सकता है?
नहीं। यह जो टैग पाता है उन्हें फॉर्मेट करता है और लापता क्लोजिंग टैग नहीं जोड़ता या एलिमेंट्स को रीऑर्डर नहीं करता है। टूटी हुई नेस्टिंग आमतौर पर इंडेंटेशन के रूप में दिखाई देती है जो बाईं ओर वापस नहीं आता है, जो समस्या खोजने में मदद करता है, लेकिन आपको अभी भी मार्कअप को स्वयं सही करना होगा।
Beautifying और minifying के बीच क्या अंतर है?
वे विपरीत हैं। एक beautifier लाइन ब्रेक और इंडेंटेशन जोड़ता है ताकि लोग कोड पढ़ सकें। एक minifier उन्हें हटाता है ताकि फाइल डाउनलोड करने के लिए छोटी हो। काम करते समय beautified संस्करण रखें और एक minified कॉपी प्रकाशित करें।
मुझे कौन सा इंडेंटेशन चुनना चाहिए?
जो भी आपका प्रोजेक्ट पहले से उपयोग करता है वह उपयोग करें। दो स्पेस गहरे मार्कअप को संकीर्ण रखता है, चार स्पेस कई स्टाइल गाइड में आम है, और टैब प्रत्येक व्यक्ति को अपने एडिटर में अपनी खुद की चौड़ाई सेट करने देते हैं। यह विकल्प नहीं बदलता कि पेज कैसे काम करता है।