HTML Biçimlendirici
Dağınık, küçültülmüş veya gizlenmiş HTML'nizi yukarıdaki alana girerek temizleyip güzelleştirin. Yukarıdaki düzenleyici ayrıca yararlı satır numaraları ve sözdizimi vurgulamaları içerir. Güzelleştiriciyi kişisel biçimlendirme zevklerinize göre uyarlamak için birçok seçenek vardır.
HTML Viewer, HTML Formatter, HTML Formatter'ı ne zaman kullanırsınız?
HTML yazarken girintileriniz, boşluklarınız ve diğer biçimlendirmeniz genellikle biraz düzensiz hale gelebilir. Ayrıca, farklı biçimlendirme tekniklerine sahip birden fazla geliştiricinin tek bir proje üzerinde çalışması da yaygındır. Bu araç, bir dosyanın biçimlendirmesini tutarlı hale getirmek için faydalıdır. Ayrıca, HTML'nin küçültülmesi veya gizlenmesi de yaygındır. Bu aracı, bu kodun güzel ve okunabilir görünmesini sağlamak için kullanabilirsiniz, böylece düzenlemesi daha kolaydır.
Örnekler HTML Biçimlendirici
Aşağıda küçültülmüş HTML bulunmaktadır:
<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>Bu kadar güzel olur:
<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>
