Formateur HTML
Saisissez votre code HTML brouillon, minifié ou obscurci dans le champ ci-dessus pour le nettoyer et l'embellir. L'éditeur ci-dessus propose également des numéros de ligne et une coloration syntaxique utiles. De nombreuses options permettent de personnaliser l'éditeur selon vos préférences de mise en forme.
Quand utiliser HTML Viewer, HTML Formatter, HTML Formatter
Lors de la rédaction de code HTML, l'indentation, l'espacement et les autres éléments de formatage peuvent parfois être un peu désorganisés. Il est également fréquent que plusieurs développeurs travaillent sur un même projet avec des techniques de formatage différentes. Cet outil est utile pour harmoniser le formatage d'un fichier. Il est également courant que le code HTML soit minifié ou obscurci. Vous pouvez utiliser cet outil pour rendre le code plus esthétique et lisible, afin de faciliter sa modification.
Exemples de formatage 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 ainsi embelli:
<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>
