HTML सौंदर्यीकरण उपकरण- निःशुल्क ऑनलाइन HTML फ़ॉर्मेटर और सौंदर्यीकरण उपकरण

Input data
bfotool loadding
Output data
bfotool loadding

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>