HTML फ़ॉर्मेट करें
आपने किसी साइट के « सोर्स कोड देखें » से मिनीफाई किया हुआ HTML निकाला है, या कोई स्वतः उत्पन्न फ़्रैगमेंट चिपकाया है और सब कुछ एक ही अपठनीय लाइन में है? इसे अध्ययन या संशोधन से पहले एक इंडेंटेड संस्करण, प्रति पंक्ति एक टैग, पाने के लिए यहाँ चिपकाएँ।
ध्यान दें : यह एक बुनियादी फ़ॉर्मेटर है (नेस्टिंग स्तर के अनुसार इंडेंटेशन), न कि Prettier जैसा पूर्ण HTML पार्सर। यह गलत तरीके से बंद टैग या सिंटैक्स त्रुटियों को ठीक नहीं करता, और <script> या <style> ब्लॉक की सामग्री को विशेष रूप से फिर से फ़ॉर्मेट नहीं करता।
यह कैसे काम करता है
अपना मिनीफाई या कॉम्पैक्ट HTML ऊपर दिए गए फ़ील्ड में चिपकाएँ और « फ़ॉर्मेट करें » पर क्लिक करें: उपकरण खुलने वाले, बंद होने वाले और स्व-बंद होने वाले टैग को पहचानता है, प्रत्येक टैग को अपनी पंक्ति पर रखता है और नेस्टिंग के प्रत्येक स्तर पर 2 स्थानों का इंडेंटेशन देता है। सामान्य स्व-बंद टैग (br, img, input, meta, link, hr, आदि) स्पष्ट /> के बिना भी पहचाने जाते हैं।
मेरा फ़ॉर्मेट किया गया HTML दृश्य रूप से बिल्कुल समान क्यों नहीं है?
पुनः फ़ॉर्मेटिंग टैग्स के बीच लाइन-ब्रेक और इंडेंटेशन स्थान जोड़ती है, जो आपके CSS को तत्वों के बीच सफेद स्थान पर निर्भर होने पर रेंडरिंग को थोड़ा बदल सकती है (दुर्लभ, लेकिन display: inline के साथ संभव)। HTML सामग्री और संरचना समान रहती है: केवल स्रोत कोड की प्रस्तुति बदलती है।
क्या यह उपकरण अमान्य HTML को सही कर सकता है?
नहीं। फ़ॉर्मेटर यह मानता है कि आपके टैग मोटे तौर पर सही प्रारूप में हैं (सही क्रम में खोले और बंद किए गए)। यदि उसे कभी बंद न हुआ टैग या वास्तव में असामान्य सिंटैक्स मिलता है, तो परिणाम गलत इंडेंटेड हो सकता है। अपने HTML की वैधता की पुष्टि करने के लिए अतिरिक्त रूप से किसी समर्पित वैलिडेटर का उपयोग करें।
फ़ॉर्मेटिंग आपके ब्राउज़र में WebAssembly के माध्यम से 100% स्थानीय रूप से चलती है : आपका HTML कोड कभी सर्वर पर नहीं भेजा जाता।