HTML Biçimlendirici

Bu araç diğer HTML biçimlendiricilerden ne yapıyor da farklı?

Girinti eklemekle yetinmiyor. Kapanmamış bir div, çapraz geçmiş etiketler, aynı etikette iki kez yazılmış bir öznitelik: bunlar biçimlendirmeden sonra da orada durur ve HTML hata vermediği için fark edilmez. Bu araç biçimlendirmenin yanında HTML'i denetler ve bulduğu her sorunu satır ve sütun numarasıyla listeler. Ayrıca her biçimlendirmeden sonra çıktının ekranda girdiyle aynı görünüp görünmediğini ölçer, farklıysa üstte kırmızı uyarı çıkar.

Hangi sorunları buluyor?

Hata olarak: kapanmamış etiket, çapraz geçmiş etiketler, karşılığı olmayan kapanış etiketi, kapanmamış yorum. Uyarı olarak: aynı etikette yinelenen öznitelik, belgede yinelenen id, tırnaksız öznitelik değeri, kendiliğinden kapanan ögeye yazılmış kapanış etiketi, alt özniteliği olmayan img. Bilgi olarak: kapanış etiketi yazılmamış ama HTML'in izin verdiği durumlar ve büyük harfle yazılmış etiket adları.

Kapanış etiketi yazmadım, neden hata değil de bilgi diyor?

HTML bazı etiketlerin kapanış etiketini yazmamanıza izin verir. Bir p ögesi kendisinden sonra gelen div ile, bir li kendisinden sonra gelen li ile kendiliğinden kapanır. Bu geçerli HTML'dir, bozuk değildir. Araç bunu bilgi satırı olarak gösterir ki farkında olun, ama hata saymaz. Gerçekten kapanmayan bir span veya b varsa o hata olarak çıkar.

Biçimlendirme sayfamın görünümünü bozar mı?

Bozmaması gerekir ve araç bunu her seferinde ölçer. HTML'de satır içi ögelerin arasındaki boşluk anlamlıdır: 3²=9 ifadesine bir boşluk girerse ekranda 3 2 =9 olur. Araç biçimlendirmeden önceki ve sonraki metni etiketlerden arındırıp karşılaştırır, pre ve textarea içeriğini de ayrıca denetler. Fark çıkarsa üstte kırmızı uyarı verir ve çıktıyı olduğu gibi kullanmamanızı söyler. Bilinen tek fark üretme durumu, metne bitişik satır içi SVG kullanımıdır.

Küçültme neden bazen iptal oluyor?

Küçültme, yorumları siler ve boşlukları daraltır. Bazı sayfalarda bu ekrandaki görünümü değiştirir, çünkü satır içi ögelerin arasındaki boşluk kaybolur veya eklenir. Araç küçültülmüş çıktıyı üretip görünür metin denetiminden geçiriyor; geçemezse küçültmeyi iptal ediyor ve bunun yerine biçimlendirilmiş çıktıyı veriyor. Sebebini de üstte yazıyor. Sessizce bozuk çıktı vermektense küçültmemeyi tercih ediyoruz.

pre, textarea, script ve style içeriğine dokunuyor mu?

pre ve textarea içeriği hiç değiştirilmez, boşlukları anlamlı olduğu için. script ve style içeriği ise biçimlendirilir: içindeki JavaScript ve CSS de girintilenir. Küçültmede bu dördünün içeriği tamamen korunur, yalnızca dışarıdaki boşluklar daraltılır.

HTML'im çalıştırılıyor mu, önizleme var mı?

Hayır, bilerek yok. Yapıştırdığınız HTML çalıştırılmaz ve bir çerçevede gösterilmez. İçinde script varsa çalışmaz. Ağaç görünümü belgeyi yalnızca çözümler, çizmez. Bilmediğiniz bir kaynaktan aldığınız HTML'i yapıştırmak bu yüzden güvenlidir.

Ağaç görünümü ne gösteriyor?

Çıktının üstündeki Ham ve Ağaç düğmeleri görünümü değiştirir. Ağaçta belge yapısı katlanabilir satırlar halinde çıkar: her ögenin adı, ilk dört özniteliği ve içindeki metin. İlk üç kat açık gelir. Dört bin düğümden sonra ağaç kesilir, tamamı Ham görünümünde durur.

Ne kadar büyük dosya yapıştırabilirim?

Sınır 4 MB. Denetim tarafı hızlıdır, 1,4 MB ve altmış bin ögelik bir belge kırk milisaniyede taranıyor. Asıl yavaş kısım biçimlendirme; daha büyük dosyalarda tarayıcı sekmesi kilitlendiği için sınırı buraya koyduk.

Verilerim sunucuya gidiyor mu?

Hayır. Denetim, biçimlendirme ve ağaç görünümünün tamamı tarayıcınızın içinde çalışır; sayfa açıldıktan sonra araç sunucuya istek göndermez. Dosya açtığınızda da dosya yüklenmez, yalnızca tarayıcınız tarafından okunur.