Embellisseur / Formateur HTML en ligne gratuit

Input data
bfotool loadding
Output data
bfotool loadding

Formateur HTML

Entrez votre code HTML désordonné, minifié ou obscurci dans le champ ci-dessus pour le nettoyer et le rendre joli. L'éditeur ci-dessus contient également des numéros de ligne utiles et une coloration syntaxique. Il existe de nombreuses options pour adapter l'embellisseur à vos goûts personnels de mise en forme.

Quand utilisez-vous HTML Viewer, HTML Formatter, HTML Formatter

Souvent, lorsque vous écrivez du HTML, votre indentation, votre espacement et tout autre formatage peuvent devenir un peu désorganisés. Il est également courant que plusieurs développeurs travaillent sur un même projet avec des techniques de formatage différentes. Cet outil est utile pour rendre le formatage d'un fichier cohérent. Il est également courant que le HTML soit minifié ou obscurci. Vous pouvez utiliser cet outil pour rendre ce code joli et lisible afin qu'il soit plus facile à modifier.

Exemples Formateur HTML

Le HTML minifié ci-dessous :

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

Devient cette embellie :

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