HTML Beautify Tool- Gratis online HTML-formatering og -forskønner

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formatering

Indtast din rodede, minificerede eller forvirrede HTML i feltet ovenfor for at få den ryddet op og gjort pæn. Editoren ovenfor indeholder også nyttige linjenumre og syntaksfremhævninger. Der er mange muligheder for at skræddersy redigeringsværktøjet til din personlige formateringssmag.

Hvornår bruger du HTML Viewer, HTML Formatter, HTML Formatter

Når du skriver HTML, kan indrykning, afstand og anden formatering ofte blive lidt uorganiseret. Det er også almindeligt, at flere udviklere arbejder på et enkelt projekt, som bruger forskellige formateringsteknikker. Dette værktøj er nyttigt til at gøre formateringen af ​​en fil ensartet. Det er også almindeligt, at HTML minimeres eller forvrænges. Du kan bruge dette værktøj til at få koden til at se pæn og læsbar ud, så den er lettere at redigere.

Eksempler på HTML-formatering

Den minimerede HTML nedenfor:

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

Bliver dette forskønnet:

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