HTML ब्युटीफाय टूल- मोफत ऑनलाइन HTML फॉरमॅटर आणि ब्युटीफायर

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>