HTML फॉर्मेटर
HTML कोड ऑनलाइन फॉर्मेट करा.
कंटेंट मॅनेजमेंट सिस्टीम, टेम्प्लेट इंजिन किंवा कोड जनरेटरने तयार केलेला HTML बहुतेकदा मिनिफाइड आणि एकाच लाईनमध्ये असतो — त्यामुळे तो वाचणे, डीबग करणे किंवा रिफॅक्टर करणे अशक्य होते. हे HTML फॉर्मॅटर तुमच्या मार्कअपची नेस्टिंग रचना दाखवण्यासाठी योग्य इंडेंटेशन जोडते, ज्यामुळे न बंद झालेले टॅग, खोलवर नेस्ट केलेले एलिमेंट्स किंवा चुकीच्या ठिकाणी असलेले attributes शोधणे सोपे होते. बाह्य स्रोतांकडून आलेल्या HTML वर काम करणाऱ्या किंवा लेआउट समस्या डीबग करणाऱ्या प्रत्येकासाठी हे एक आवश्यक टूल आहे.
📋 हे कॅल्क्युलेटर कसे वापरावे
तुमचा HTML इनपुट फील्डमध्ये पेस्ट करा — तो एक स्निपेट असू शकतो किंवा संपूर्ण HTML डॉक्युमेंट असू शकतो. इंडेंटेड आउटपुट तयार करण्यासाठी "Format HTML" वर क्लिक करा, ज्यामध्ये 2-स्पेस इंडेंटेशन असते. चाइल्ड एलिमेंट्स त्यांच्या पॅरेंटच्या सापेक्ष इंडेंट केले जातात. एलिमेंटमधील टेक्स्ट कंटेंट त्या एलिमेंटच्या लेव्हलपर्यंत इंडेंट केले जाते. Void एलिमेंट्स (br, img, input, hr, meta, link) योग्यरित्या हँडल केले जातात आणि त्यांना क्लोजिंग टॅगची अपेक्षा नसते. फॉर्मॅट केलेले आउटपुट घेण्यासाठी Copy बटण वापरा. फॉर्मॅट केलेला HTML इनपुटशी सिमॅंटिकली एकसारखा असतो.
💡 महत्त्वाची माहिती
HTML फॉर्मॅटिंग टोकन-आधारित पद्धत वापरते: इनपुट टॅग बाउंडरीजवर विभागले जाते, आणि सध्याची इंडेंटेशन डेप्थ ट्रॅक करण्यासाठी प्रत्येक टोकन क्रमाने प्रोसेस केला जातो. ओपनिंग टॅग्स डेप्थ वाढवतात, क्लोजिंग टॅग्स ती कमी करतात. Void एलिमेंट्स (area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr) डेप्थ वाढवत नाहीत. सेल्फ-क्लोजिंग टॅग्स (/> ने संपणारे) देखील डेप्थ वाढवत नाहीत. कमेंट्स जशा आहेत तशाच ठेवल्या जातात. ही पद्धत बहुतेक HTML योग्यरित्या हँडल करते पण मुद्दाम केलेले इनलाईन फॉर्मॅटिंग जपू शकत नाही (उदा., वाक्याच्या मध्ये असलेला <strong> टॅग स्वतःच्या वेगळ्या लाईनवर हलवला जाऊ शकतो).