HTML Biçimlendirici

HTML benzeri girdiyi etiket, yorum, bildirim ve metin parçalarına ayırıp girintili satırlara yerleştirir. İç içe, void olmayan öğeler her düzeyde iki boşluk ekler; bilinen HTML void etiketleri ve kendiliğinden kapanan etiketler girintiyi artırmaz.

İşaretlemeyi yapıştırın, anında görünen sonucu inceleyin ve hazır olduğunda kopyalayın. Reset editörü boşaltır; örneği geri yüklemez.

Bu hafif bir token düzenleyicisidir; HTML parser'ı, doğrulayıcı, temizleyici, erişilebilirlik denetimi veya tarayıcı renderer'ı değildir. Metin parçalarının kenar boşluklarını kırpar, geçersiz iç içeliği ya da eksik etiketleri onarmaz. Script, style, template ve gömülü dil bloklarındaki gerçek küçüktür/büyüktür işaretlerini veya etikete benzeyen içeriği yanlış ele alabilir; iç CSS ve JavaScript'i biçimlendirmez.

Tanınan her açılış etiketi girinti düzeyini iki boşluk artırır, eşleşen kapanış etiketi ise geri düşürür; `<img>` ve `<br>` gibi void öğeler ile sonunda `/>` bulunan herhangi bir etiket, alt öğe içeremediğinden düzeyi hiç artırmaz.

`<div><p>Hello</p><img src="a.png"></div>` yapıştırıldığında kendi satırında `<div>`, girintili bir `<p>Hello</p>`, void olduğu için aynı düzeyde girintili bir `<img src="a.png">` ve temel düzeye dönen kapanış `</div>` oluşur.

Yayınlamadan önce biçimlendirilmiş işaretlemeyi gerçek bir tarayıcıda render edin; metnin yanındaki satır içi öğelere ve script veya style bloklarına özellikle dikkat edin, çünkü buradaki boşluk değişiklikleri boşluğu bozabilir veya gömülü kodu kırabilir.

Kaynağı saklayın; özellikle boşluğa duyarlı satır içi içerik ve gömülü kodu tarayıcıda test edin. İşlem yereldir ve içerik yüklenmez.