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>