HTML formázó
Írd be a kusza, leegyszerűsített vagy obfuszkált HTML-kódodat a fenti mezőbe, hogy rendbe tegyük és széppé tegyük. A fenti szerkesztő hasznos sorszámozást és szintaxiskiemelést is tartalmaz. Számos lehetőség áll rendelkezésedre, hogy a szépítőt a személyes formázási ízlésedhez igazítsd.
Mikor használod a HTML-megjelenítőt, a HTML-formázót és a HTML-formázót?
HTML írásakor gyakran előfordul, hogy a behúzás, a térközök és az egyéb formázások kissé rendezetlenné válnak. Az is gyakori, hogy több fejlesztő dolgozik egyetlen projekten, akik eltérő formázási technikákat alkalmaznak. Ez az eszköz hasznos a fájl formázásának egységesítéséhez. Az is gyakori, hogy a HTML-t minimalizálják vagy obfuszkálják. Ezzel az eszközzel a kódot széppé és olvashatóbbá teheted, így könnyebben szerkeszthetővé.
HTML formázó példák
Az alábbi lekicsinyített HTML:
<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>Így szépül meg:
<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>
