नि: शुल्क अनलाइन HTML ब्यूटीफायर / ढाँचा

Input data
bfotool loadding
Output data
bfotool loadding

HTML ढाँचा

यसलाई सफा गर्न र सुन्दर बनाउनको लागि माथिको फिल्डमा तपाईंको गन्दा, सानो, वा अस्पष्ट HTML प्रविष्ट गर्नुहोस्। माथिको सम्पादकले उपयोगी रेखा नम्बरहरू र वाक्य रचना हाइलाइटिङ पनि समावेश गर्दछ। तपाईको व्यक्तिगत ढाँचा स्वाद अनुसार ब्यूटिफायरलाई टेलर गर्न धेरै विकल्पहरू छन्।

तपाइँ कहिले HTML Viewer, HTML Formatter, HTML Formatter प्रयोग गर्नुहुन्छ

अक्सर 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>