HTML formatter: kod düzenleme

Öznitelikleri, metni ve pre, script, style bloklarını koruyarak HTML parçalarını girintileyin. Kodu kopyalayıp boşlukları kontrol edin.

Tarayıcıda işlenir; veriler yüklenmez.

Verileri ayarla

Verileri ayarla

En fazla 100.000 karakter ve 10.000 belirteç. Yalnızca HTML; doğrulama ve JSX yoktur. Blok boşlukları değişebilir.

Sonuç

Sonucu görmek için değerleri girin.

Girilen değer veya dosya içeriğini istatistiğe katmadan hangi araçların kullanıldığını sayarız. Gizlilik

Nasıl kullanılır

HTML kopyasıyla çalışın. Öznitelikler ve pre, script, style, textarea, title blokları korunur; bloklar arası boşluklar düzenlenir. JSX dönüştürülmez, belge doğrulanmaz.

Örneğin girdileri
GirdiSonuç
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Yöntem ve sınırlar

Girintiler bloklar arasına boşluk ekler veya boşlukları değiştirir. CSS white-space ile görünümü kontrol edin. Kod doğrulanmaz veya çalıştırılmaz.

Örnek

Kullanım örneği

Girdi
<div><p>A <strong>B</strong> C</p></div>
Sonuç
<div> <p>A <strong>B</strong> C</p> </div>

strong içeren cümlede çevredeki boşluklar kelimeleri ayırır; bunları koruyun. pre içindeki satır sonları ve baştaki boşluklar, dış kapsayıcı girintilense de aynı kalmalıdır.

Bu aracın sınırları nelerdir?

En fazla 100.000 karakter ve 10.000 belirteç. Yalnızca HTML; doğrulama ve JSX yoktur. Blok boşlukları değişebilir.

Girdiler ve sonuçlar tarayıcıda işlenir, sunucuya gönderilmez. Toplu istatistikler açıksa yalnızca araç ve işlem durumu kaydedilir; içerik kaydedilmez.

Kaynaklar

PRATİK REHBERLER

HTML boşlukları ve girintileme

Hangi boşlukların sayfanın görünümünü değiştirebileceğini ve HTML kodunu düzenledikten sonra neleri kontrol edeceğinizi öğrenin.

Adımları izleyin

Favoriler