HTML Biçimlendirici
Bir HTML belgesini, görüntülenme biçimini değiştirmeden girintileyin, tamamen tarayıcınızda.
Tamamen tarayıcınızda çalışır. Hiçbir şey yüklenmez, günlüğe yazılmaz veya saklanmaz.
Küçültülmüş ya da kötü girintilenmiş bir sayfayı yapıştırın ve düzgünce okuyun. Biçimlendirme tarayıcınızda yapılır ve çıkan belge, giren belgeyle tam olarak aynı şekilde görüntülenir.
Nasıl çalışır
Belge bir ağaç yapısına okunur (boş öğeler, script ve style içeriği ve HTML'in isteğe bağlı kapanış etiketleri bu aşamada çözülür) ve ardından yeni girintiyle yeniden yazılır.
Satırların nereye düşeceğine, güzel görünen değil, bir tarayıcının boşlukları nasıl okuduğu karar verir. Art arda gelen her boşluk dizisi tek bir boşluk olarak görüntülenir; bu yüzden bir boşluğu satır sonu ve girintiye çevirmek hiçbir şeyi değiştirmez. Olmayan yerde bir boşluk yaratmak ise değiştirir: yan yana duran iki satır içi öğeyi, aralarında boşluk olan iki öğeye dönüştüren budur.
Bu yüzden boşluk yalnızca blok kutuları arasında ve bir blok kutusunun kenarlarında, yani tarayıcının hiçbir boşluk görüntülemediği yerlerde eklenir ya da kaldırılır. Küçültülmüş bir sayfayı açmayı mümkün kılan istisna budur ve bir dizi satır içi öğenin bulunduğu satırda kalmasının nedeni de budur.
Biçimlendiricinin hiç duymadığı bir etiket satır içi olarak ele alınır, çünkü boşluk eklemeyen ve dolayısıyla sayfayı değiştiremeyen yanıt budur.
Örnekler
| Durum | Girdi | Sonuç |
|---|---|---|
| Girintisiz bir liste | <ul><li>One</li><li>Two</li></ul> | <ul> <li>One</li> <li>Two</li> </ul> |
Sık sorulan sorular
Sayfam bir yere gönderiliyor mu?
Hayır. Biçimlendirici, bu sayfada çalışan JavaScript'tir. Hiçbir şey yüklenmez, kaydedilmez ya da saklanmaz: internet bağlantınızı kesseniz bile araç çalışmaya devam eder.
Satır içi öğelerim neden tek satırda kaldı?
Çünkü onları taşımak sayfanızı değiştirirdi. İki satır içi kutu arasındaki boşluk bir boşluk olarak görüntülenir; bu yüzden <span>a</span><span>b</span> kodunu iki satıra bölmek, aralarına daha önce olmayan bir boşluk sokar. Çoğu biçimlendirici bunu yine de yapar; bu yapmaz.
Kapanmamış etiketlerimi kapatacak mı?
Hayır. İkinci bir liste öğesinin ilkini kapattığını anlar, bu yüzden listenizi doğru girintiler, ama yazdığınız etiketleri olduğu gibi yeniden yazar. Bir kapanış etiketi eklemek, işaretlemenizi düzenlemek değil değiştirmek olurdu ve tam olarak nereye gitmesi gerektiği her zaman açık değildir.
HTML'i doğruluyor mu?
Hayır. Şeması, hangi öğenin hangisini içerebileceğine dair kuralları ya da öznitelikleriniz hakkında bir görüşü yoktur. Reddettiği tek şey kapanmamış bir etiket, yorum ya da script bloğudur, çünkü o noktadan sonra işaretlemeyi metinden ayırt edemez.
Script'lerime ve stillerime ne olur?
Bayt bayt aynen geri gelirler. Bir script içinde < bir etiketin başlangıcı değil, küçüktür işaretidir; bir <pre> ya da <textarea> içinde ise her boşluk sizindir. Bu dört öğe tam olarak oldukları gibi bırakılır. Script'in ya da stil sayfasının kendisini biçimlendirmek istiyorsanız, CSS biçimlendirici hemen yanında.
Bilmekte fayda var
- Çıkan belge, giren belgeyle aynı şekilde görüntülenir. Bunu göz kontrolüne bırakmak yerine bir derlem üzerinde çalışan testler doğrular.
- Hiçbir şey uydurulmaz: hiçbir kapanış etiketi eklenmez, hiçbir öznitelik yeniden tırnağa alınmaz, hiçbir varlık (entity) çözülmez ve hiçbir etiket adının harf büyüklüğü değiştirilmez. Yalnızca öznitelikler arasındaki boşluklar değişir, çünkü bunlar hiçbir zaman görüntülenmez.
- Kaydırma sınırı, satır içi içerik barındıran bir öğenin tek satırda mı kalacağına yoksa açılacağına mı karar verir; bu yüzden kısa bir paragraf tek satır olarak okunur, uzun bir paragraf ise zaten sahip olduğu boşluklardan bölünür.