HTML Güzelleştirici ve Küçültücü

HTML’i gömülü CSS ve JS ile birlikte okunaklı hâle getirin veya küçültün; kesin hatalar ve boyut istatistikleriyle.

Yerelde çalışır · hiçbir şey yüklenmez
Input
Output 
Ne işe yarar?
Bir şablonu, bir e-postayı, tarayıcıdan kaydedilmiş bir sayfayı veya bir CMS’ten gelen tek satırlık HTML’i yapıştırın; temiz ve tutarlı girintilenmiş HTML’i ya da onun güvenle küçültülmüş en kısa hâlini geri alın. Çıktı siz yazarken güncellenir.
Özellikler
  • Prettier biçimlendirmesi: 2 boşluk, 4 boşluk veya sekme, istediğiniz satır genişliği ve uzun etiketler için satır başına bir öznitelik.
  • Gömülü kod da biçimlendirilir: <style> ve <script> blokları ile style="" öznitelikleri CSS ve JavaScript yazıcılarıyla düzenlenir. Bu ek ayrıştırıcılar yalnızca belgeniz bunları içeriyorsa indirilir.
  • Boşluk duyarlılığı: CSS display değerine uy (varsayılan), satır içi öğelerin görünümünü değiştirecek yerlerde hiçbir zaman boşluk eklemez veya kaldırmaz. Katı her öğeyi satır içi kabul eder, Yok say serbestçe biçimlendirir.
  • Küçültme yorumları kaldırır (isteğe bağlı; <!--[if IE]> gibi koşullu yorumlar korunur), art arda gelen boşlukları tek boşluğa indirir ve div, p, li veya td gibi blok düzeyindeki etiketlerin yanındaki boşlukları siler. <pre>, <textarea>, <script>, <style> ve <title> içeriği bayt bayt aynen kopyalanır; öznitelik değerleri asla değiştirilmez.
  • Kesin hatalar: kapatılmamış bir etiket veya fazladan bir kapanış etiketi satır ve sütunuyla, işaretli bir kod parçasıyla ve Hataya git düğmesiyle gösterilir.
  • Önceki ve sonraki boyut, satır sayıları ve süre.
Nasıl kullanılır?
  1. HTML’i yapıştırın, bir dosya açın veya girdi alanına bırakın. Örnek bir örnek sayfa yükler.
  2. Biçimlendir veya Küçült seçeneğini belirleyip ayarları değiştirin.
  3. Sonucu kopyalayın veya indirin. Ctrl+Enter hemen çalıştırır; çok büyük dosyalarda Canlı seçeneğini kapatın.
Küçültücü bilerek temkinlidir: isteğe bağlı etiketleri veya öznitelik tırnaklarını kaldırmaz, satır içi CSS ve JavaScript’i yeniden yazmaz. Çoğu HTML küçültücüsünde olduğu gibi, CSS ile inline-block yapılmış olsalar bile blok düzeyindeki etiketlerin yanındaki boşluklar kaldırılır (örneğin yatay bir li listesi); bu, öğeler arasındaki küçük boşlukları kapatabilir.
Gizlilik
Biçimlendirme ve küçültme tarayıcınızda yapılır; CDN’den yalnızca sabitlenmiş Prettier dosyaları indirilir. HTML’iniz hiçbir yere yüklenmez. Sayfa yenilendiğinde kaybolmaması için son girdiniz yerel depolamada tutulur. Silmek için Temizle’yi kullanın.