Nasıl kullanılır?

HTML’yi giriş kutusuna yapıştırın, bir .html dosyası açın veya örneği deneyin.
Girintili, okunaklı kod için Güzelleştir’i veya kompakt çıktı için Küçült’ü seçin.
Güzelleştirirken 2 boşluk, 4 boşluk veya sekme seçin ve yorumların korunup korunmayacağını belirleyin.
Sonucu kopyalayın veya .html dosyası olarak indirin.

Nasıl çalışır?

Biçimlendirici HTML’yi, tarayıcıya benzer şekilde esnek bir ayrıştırıcıyla okur ve yeniden yazar. Girdiyi asla görüntülemez; bu nedenle yapıştırılan koddaki betikler çalışamaz ve web’den hiçbir şey yüklenmez.

Güzelleştir, her blok düzeyi öğeyi (div, p, ul, li, section, table, …) iç içe geçme derinliğine göre girintili olarak kendi satırına yerleştirir. a, b, em, span, code, img ve br gibi metin ve satır içi öğeler aynı satırda kalır; böylece sözcükler ve bağlantılar arasındaki boşluklar, görüntülenen sayfayı değiştirecek biçimde değişmez. Metindeki ardışık boşluklar ve satır sonları tek boşluğa dönüşür; tarayıcılar da bunları zaten böyle gösterir.

pre, textarea, script ve style öğelerinin içeriği; boşlukları ve < veya > karakterleri dahil olmak üzere tam olarak yazıldığı gibi kopyalanır. br, img, input, meta ve link gibi boş öğeler asla kapanış etiketi almaz. Satır içi SVG’deki <path /> gibi kendiliğinden kapanan etiketler kendiliğinden kapanır biçimde korunur.

Küçült, metindeki boşlukları tek boşluğa indirger, blok öğelerin yanındaki boşlukları kaldırır, öznitelikler arasındaki boşlukları normalleştirir ve “Yorumları koru” kapalıysa yorumları kaldırır. Koşullu yorumlar her zaman korunur.

Bu araç geçersiz HTML’yi düzeltmez, eksik etiketleri eklemez, öznitelikleri yeniden sıralamaz ve style ile script öğelerinin içindeki CSS ve JavaScript’i küçültmez. Açık bırakılan öğeler üst öğesinin sonunda kapatılır; karşılığı olmayan bir kapanış etiketi ise yazıldığı gibi korunur.

Örnekler

Üretilen işaretlemeyi okuma

Bir CMS, şablonu tek bir uzun satır olarak üretir. 2 boşlukla Güzelleştir; nav, liste öğeleri ve ana içeriği girintili bir ağaç olarak gösterirken “Fiyatlara <strong>KDV</strong> dahildir.” tek okunabilir satırda kalır.

E-posta şablonu hazırlama

Boyutunu azaltmak için yorumlar kapalıyken bir HTML e-postayı Küçült. Fiyat tablosu içeren bir <pre> bloğu ve satır içi <style> tam olarak olduğu gibi bırakılır.

Yapıyı denetleme

Bir kapanış </div> eksik olduğunda, güzelleştirilmiş çıktı sonraki öğeleri bir düzey fazla girintili gösterir; bu da öğenin nerede bitmesi gerektiğini kolayca görmenizi sağlar.

Sık sorulan sorular

Güzelleştirme sayfanın görünümünü değiştirir mi?

Neredeyse hiçbir durumda değişmez. Blok öğelerinin içindeki boşluklar daraltılır ve tarayıcıların yok saydığı satır sonlarına dönüştürülür. Metin ve satır içi öğeler aynı satırda kalır; pre, textarea, script ve style içeriklerine dokunulmaz. Sıradan öğelerde CSS white-space: pre kullanan sayfalar istisnadır.

Sayfadaki CSS ve JavaScript’i küçültür mü?

Hayır. Script ve style içerikleri yazıldığı gibi korunur, bu nedenle bozulmaz. Bir stil dosyasını ayrıca küçültmek için CSS biçimlendiriciyi kullanın.

Bilinmeyen bir kaynaktan HTML yapıştırmak güvenli mi?

Evet. Girdi tamamen metin olarak işlenir ve sayfaya hiçbir zaman eklenmez; bu nedenle script’leri çalışmaz, resimleri veya bağlantıları yüklenmez.

HTML’mi doğrular mı?

Hayır. Araç bilinçli olarak esnektir ve bozuk HTML’yi reddetmek yerine biçimlendirir. Uyumsuz kapanış etiketleri korunur; girinti bunları fark etmenize yardımcı olur ancak hata listesi oluşturulmaz.

Gizlilik

HTML’niz yalnızca tarayıcınızda işlenir; hiçbir zaman görüntülenmez veya karşıya yüklenmez. Hiçbir şey depolanmaz veya analizlere dahil edilmez.