HTML Beautify Tool – Gratis HTML-formatering og -forskjønningsverktøy på nett

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formatering

Skriv inn rotete, forminskede eller uklare HTML-koder i feltet ovenfor for å få det ryddet opp og pent. Redigeringsprogrammet ovenfor inneholder også nyttige linjenumre og syntaksutheving. Det finnes mange alternativer for å skreddersy forskjønnelsen til din personlige formateringssmak.

Når bruker du HTML Viewer, HTML Formatter, HTML Formatter

Ofte når du skriver HTML, kan innrykk, avstand og annen formatering bli litt uorganisert. Det er også vanlig at flere utviklere jobber på et enkelt prosjekt som bruker forskjellige formateringsteknikker. Dette verktøyet er nyttig for å gjøre formateringen av en fil konsistent. Det er også vanlig at HTML blir minimert eller obfuskert. Du kan bruke dette verktøyet for å gjøre koden pen og lesbar, slik at den blir enklere å redigere.

Eksempler på HTML-formatering

Den minimerte HTML-koden 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>

Blir dette forskjø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>