Nemokamas internetinis HTML gražintuvas / formatuotojas

Input data
bfotool loadding
Output data
bfotool loadding

HTML formatu

Į aukščiau esantį lauką įveskite netvarkingą, sumenkintą arba užmaskuotą HTML, kad jis būtų išvalytas ir gražus. Aukščiau esančiame redaktoriuje taip pat yra naudingų eilučių numerių ir sintaksės paryškinimo. Yra daug variantų, kaip pritaikyti grožio priemonę pagal savo asmeninį formatavimo skonį.

Kada naudojate HTML Viewer, HTML Formatter, HTML Formatter

Dažnai rašant HTML įtrauka, tarpai ir kitas formatavimas gali būti šiek tiek netvarkingas. Taip pat įprasta, kad prie vieno projekto dirba keli kūrėjai, turintys skirtingus formatavimo būdus. Šis įrankis yra naudingas norint suderinti failo formatavimą. Taip pat įprasta, kad HTML yra sumažintas arba užtemdytas. Galite naudoti šį įrankį, kad kodas atrodytų gražiai ir skaitomas, kad būtų lengviau jį redaguoti.

HTML formatavimo pavyzdžiai

Žemiau esantis sumažintas 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>

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