HTML-opmaak
Voer uw rommelige, verkleinde of versluierde HTML in het veld hierboven in om het op te ruimen en mooi te maken. De bovenstaande editor bevat ook handige regelnummers en syntaxisaccentuering. Er zijn veel opties om de verfraaier aan te passen aan uw persoonlijke opmaaksmaak.
Wanneer gebruik je HTML Viewer, HTML Formatter, HTML Formatter?
Vaak kunnen bij het schrijven van HTML uw inspringing, spatiëring en andere opmaak een beetje ongeorganiseerd worden. Het is ook gebruikelijk dat meerdere ontwikkelaars aan één project werken met verschillende opmaaktechnieken. Deze tool is handig om de opmaak van een bestand consistent te maken. Het is ook gebruikelijk dat HTML wordt verkleind of versluierd. U kunt deze tool gebruiken om die code er mooi en leesbaar uit te laten zien, zodat deze gemakkelijker te bewerken is.
Voorbeelden HTML Formatter
De verkleinde HTML hieronder:
<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>Wordt dit verfraaid:
<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>
