Narzędzie HTML Beautify — darmowy internetowy formater i upiększacz HTML

Input data
bfotool loadding
Output data
bfotool loadding

Formater HTML

Wprowadź swój niechlujny, zminimalizowany lub zaciemniony kod HTML do pola powyżej, aby go wyczyścić i upiększyć. Edytor powyżej zawiera również pomocne numery wierszy i podświetlanie składni. Istnieje wiele opcji dostosowania upiększacza do Twoich osobistych upodobań w zakresie formatowania.

Kiedy używać HTML Viewer, HTML Formatter, HTML Formatter

Często podczas pisania HTML wcięcia, odstępy i inne formatowanie mogą stać się nieco niezorganizowane. Często zdarza się również, że wielu programistów pracuje nad jednym projektem, używając różnych technik formatowania. To narzędzie jest pomocne w ujednoliceniu formatowania pliku. Często zdarza się również, że HTML jest minimalizowany lub zaciemniany. Możesz użyć tego narzędzia, aby kod wyglądał ładnie i był czytelny, dzięki czemu łatwiej go edytować.

Przykłady formatowania HTML

Poniżej zminimalizowany kod 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>

Staje się to upiększające:

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