नि: शुल्क ऑनलाइन HTML ब्यूटिफायर / फॉर्मेटर

एचटीएमएल फ़ॉर्मेटर

इसे साफ करने और सुंदर बनाने के लिए ऊपर के क्षेत्र में अपना गन्दा, छोटा, या अस्पष्ट HTML दर्ज करें। उपरोक्त संपादक में सहायक लाइन नंबर और सिंटैक्स हाइलाइटिंग भी शामिल है। आपके व्यक्तिगत स्वरूपण स्वाद के लिए ब्यूटिफायर को तैयार करने के कई विकल्प हैं।

आप HTML व्यूअर, HTML फ़ॉर्मेटर, HTML फ़ॉर्मेटर का उपयोग कब करते हैं?

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

उदाहरण HTML फ़ॉर्मेटर

नीचे दिया गया छोटा HTML:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

यह सुशोभित हो जाता है:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>