HTML Biçimlendirici ve Küçültücü
Dağınık HTML’i güzelleştirin ya da üretim için küçültün
Bu araç hakkında
Bir paketleyiciden, bir kazıyıcıdan ya da bir WYSIWYG editöründen çıkmış HTML’i güzelleştirin: öğeler seçtiğiniz genişlikte girintilenir, öznitelikler kendi satırında kalır ve pre/textarea içerikleri bayt bayt olduğu gibi bırakılır. Küçültme kipi yorumları sıyırır ve etiketler arası boşlukları toplar — elle yazılmış sayfalarda tipik olarak %10–25 boyut kazancı.
Buradaki küçültme bilerek tutucudur: satır içi betikler ve stiller korunur, koşullu yorumlar hayatta kalır ve satır içi öğeler arasındaki tek boşluklar saklanır; böylece “şuraya <a>tıkla</a> hemen” ifadesi birbirine yapışmaz. Azami saldırganlıkta değil, güvenli bir küçültme elde edersiniz.
Her iki işlem de tarayıcınızda yerelde çalışır — yayımlanmamış sayfalar ve iç yönetim arayüzü biçimlendirmesi makinenizden hiç çıkmaz.
Sıkça sorulan sorular
- Küçültme satır içi JavaScript’imi ya da CSS’imi bozar mı?
- Hayır — <script>, <style>, <pre> ve <textarea> blokları boşluk toplamanın tümüyle dışında tutulur. Yalnızca etiketler arasındaki biçimlendirmeye dokunulur. Betiklerin kendisini sıkıştırmak için onları ayrıca JavaScript küçültücüsünden geçirin.
- Etiketler arasındaki boşluğu kaldırmak neden güvenli?
- Çoğunlukla öyledir: blok düzeyindeki öğeler arasındaki boşluğun görsel etkisi yoktur. Satır içi öğeler arasında ise vardır; bu yüzden küçültücü ardışık boşlukları silmek yerine tek boşluğa indirir. Satır içi blok boşluk hilelerine dayanan düzenler, göz atmaya değecek ender istisnadır.
- Biçimlendirici geçersiz HTML’i düzeltir mi?
- Verdiğinizi HTML belirtimine karşı doğrulamadan biçimlendirir — kapatılmamış etiketler kapatılmamış kalır. Tarayıcılar etiket çorbasına hoşgörülüdür; yine de biçimlendirme, sorunu fark edecek kadar yapıyı görmenize yardım eder.
- Hangi girinti genişliğini kullanmalıyım?
- Web kod tabanlarında hâkim gelenek 2 boşluktur ve çoğu çatı biçem kılavuzunun varsayılanı da odur. Ekibiniz 4’te standartlaştıysa onu seçin — bu tercih tümüyle biçimseldir.