HTML Beautify Tool – nemokamas internetinis HTML formatavimo ir gražinimo įrankis

Input data
bfotool loadding
Output data
bfotool loadding

HTML formatavimo programa

Įveskite netvarkingą, sutrumpintą ar painų HTML kodą į aukščiau esantį lauką, kad jis būtų sutvarkytas ir pagražintas. Aukščiau esančiame redaktoriuje taip pat yra naudingų eilučių numerių ir sintaksės paryškinimo funkcijų. Yra daug parinkčių, kaip pritaikyti pagražinimo įrankį pagal savo asmeninius formatavimo skonius.

Kada naudojate HTML peržiūros programą, HTML formatavimo programą, HTML formatavimo programą

Rašant HTML, įtraukos, tarpai ir kitas formatavimas dažnai gali tapti šiek tiek netvarkingi. Taip pat įprasta, kad prie vieno projekto dirba keli kūrėjai, naudojantys skirtingus formatavimo metodus. Šis įrankis padeda užtikrinti nuoseklų failo formatavimą. Taip pat įprasta, kad HTML kodas yra sutrumpintas arba užmaskuotas. Šį įrankį galite naudoti, kad kodas atrodytų gražiai ir būtų lengviau skaitomas, kad jį būtų lengviau redaguoti.

HTML formatavimo pavyzdžiai

Žemiau pateiktas sutrumpintas HTML kodas:

<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>

Tampa taip pagražinta:

<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>