Ingyenes online HTML szépítő / formázó

Input data
bfotool loadding
Output data
bfotool loadding

HTML formázó

Írja be a rendetlen, kicsinyített vagy homályos HTML-kódot a fenti mezőbe, hogy megtisztítsa és szép legyen. A fenti szerkesztő hasznos sorszámokat és szintaktikai kiemelést is tartalmaz. Számos lehetőség áll rendelkezésre a szépítő személyre szabására az Ön személyes formázási ízlése szerint.

Mikor használja a HTML Viewert, a HTML Formattert, a HTML Formattert?

A HTML írása során gyakran előfordul, hogy a behúzás, a térköz és az egyéb formázás kissé rendezetlenné válhat. Az is gyakori, hogy több fejlesztő dolgozik egy projekten, akik eltérő formázási technikákkal rendelkeznek. Ez az eszköz hasznos a fájlok formázásának egységessé tételéhez. Az is gyakori, hogy a HTML-t kicsinyítik vagy elhomályosítják. Ezzel az eszközzel a kódot szép és olvashatóvá teheti, így könnyebben szerkesztheti.

Példák HTML-formázóra

Az alábbi kicsinyített 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>

Ez megszépül:

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