Aynı metin üzerinde birbirinin zıddı iki iş. Biçimlendirme, iç içe geçmeyi insanın takip edebilmesi için satır sonu ve girinti ekler; küçültme ise tarayıcının ihtiyaç duymadığı her şeyi atar. Burada ikisi de verdiğiniz karakterler üzerinde çalışıyor, yeniden kurulmuş bir belge üzerinde değil; yani çıkan şey hâlâ sizin işaretlemeniz.

Nasıl kullanılır

1. 1 HTML'i yapıştırın — tam bir sayfa ya da yalnızca bir parça.
2. 2 Girintinizi seçin, sonra Biçimlendir ya da Küçült'e basın.
3. 3 Sonucu kopyalayın ya da karşılaştırmak için diğer düğmeden geçirin.

Boşluk her zaman gürültü değildir

İki satır içi öğe arasındaki tek boşluk görünür bir metindir: kaldırırsanız "bir iki" yazısı "biriki" olur. Blok öğeler arasında aynı boşluk hiçbir şey ifade etmez. Buradaki küçültücü girintiyi atıyor ama gerçekten iş gören ayırıcı boşluğu koruyor.

pre ve textarea neden dokunulmadan bırakılıyor

Bunların içinde her boşluk ve satır sonu, okurun göreceği içeriktir. Bir kod bloğunu yeniden girintilemek gösterdiği şeyi sessizce değiştirirdi; bir textarea'yı kırpmak da formun gönderdiği değeri. Aynısı script ve style için de geçerli: içerikleri başka bir dildir ve dokunulmadan geçirilir.

Biçimlendirir, onarmaz

Tarayıcı çözümleyicisi üzerine kurulu araçlar bozuk işaretlemeyi sessizce onarır: etiketlerinizi kapatır, başıboş olanları atar ve öğeleri standardın istediği yerlere taşır. Hata ayıklarken bu genelde istediğiniz şey değildir — peşinde olduğunuz hata tam da onarılan şey olabilir. Bu araç metni yeniden biçimlendiriyor ve hataları görebileceğiniz yerde bırakıyor.

HTML küçültmek küçük kazançtır

Bir sayfadan boşlukları atmak genelde yüzde birkaç kazandırır ve sunucudaki gzip zaten bunun çoğunu sıkıştırırdı. Asıl ağırlık görsellerde, yazı tiplerinde ve betiklerde. HTML'i, bir şablon üreticisi çıktıyı okunmaz bıraktığı için küçültün; sayfanın çok hızlanmasını beklediğiniz için değil.