Dağınık HTML'i nasıl girintilerim?

HTML'inizi Güzelleştir seçiliyken yapıştırın, ardından Girintiyi 2 boşluk, 4 boşluk veya Sekmeler olarak ayarlayın. Siz yazdıkça çıktı güncellenir ve kopyalayabilir veya bir .html dosyası indirebilirsiniz. Örnek yükle bir örnek gösterir.

Uzun satırları kaydırabilir veya satır içi CSS ve JavaScript'i biçimlendirebilir mi?

Evet. Kaydırma, Kaydırma yok, 80 sütun veya 120 sütun seçeneklerini sunar ve Stil ve betik etiketlerini biçimlendir seçeneği, bu blokların içindeki CSS ve JavaScript'i de biçimlendirir. pre ve textarea içindeki içerik tam olarak yazıldığı gibi bırakılır.

Üretim için HTML'i nasıl küçültürüm?

Küçült'ü seçin. Yorumları koru'yu işaretlemediğiniz sürece etiketler arasındaki boşluklar daraltılır ve yorumlar kaldırılır. İsteğe bağlı onay kutuları İsteğe bağlı tırnakları kaldır, Boolean öznitelikleri kısalt ve gömülü stil, betik ve stil özniteliklerini küçültme seçenekleridir.

Küçültmek pre bloklarımı veya betiklerimi bozar mı?

pre, script, style ve textarea içerikleri boşluk daraltma sırasında korunur ve kelimelerin birleşmemesi için bitişik satır içi öğeler arasında bir boşluk tutulur. İsteğe bağlı gömülü küçültme yalnızca işaretlerseniz uygulanır.

HTML'im bir sunucuya gönderiliyor mu?

Hayır. Sayfaya yerleşik bir belirteçleyici, işaretlemeyi tarayıcınızda işler, böylece özel şablonlar ve e-posta HTML'i cihazınızda kalır. Hiçbir üçüncü taraf biçimlendirme kütüphanesi yüklenmez.

Gerçekten ücretsiz mi?

Evet. Tüm araçlar ücretsizdir; hesap veya kredi kartı gerekmez. İşlem sunucularımızda değil cihazınızda yapılır ve araçları ücretsiz sunabilmemizi sağlayan da budur.

Mobilde çalışır mı?

Evet. iOS ve Android'in güncel mobil tarayıcılarında, hiçbir şey kurmadan çalışır.

🌐

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

HTML'yi uygun yuvalama girintisiyle güzel yazdırın veya küçültün. <pre>, <script>, <style> bloklarındaki içeriği korur.

Tarayıcınızda çalışırKayıt yok, açılır pencere yokGiriş gerekmezSonsuza kadar ücretsiz

Yüklendikten sonra çevrimdışı çalışır

Girinti:

Satır kaydırma:

Dosyayı buraya bırakın ya da göz atmak için tıklayın

HTML, HTM · cihazınızda işlenir

veya panodan yapıştırmak için Ctrl+V'ye basın

Dosyalara göz at

HTML girişi

Biçimlendirilmiş HTML

Çıktı burada görünecek…

Yaygın kullanımlar

Sunucu Tarafından Işlenen HTML'de Hata AyıklaSunucunuzdan (PHP, Rails, Django, Node) ham HTML çıkışını okunabilir girintili biçimde görüntüle.
E-Posta HTML Şablonlarını FormatlaE-Posta HTML ayrıntılıdır (tablolar, satır içi stiller). Düzenlenebilir ve bakımı yapılabilir hale getirmek için formatla.
Statik HTML Sayfalarını FormatlaEl ile düzenlenen statik HTML dosyaları işbirlikçi düzenleme için tutarlı biçimlendirmeden yararlanır.
CMS Tarafından İhraç Edilen HTML'yi TemizleWordPress, Wix, Squarespace çok artefaktlı HTML ihraç eder. Düzenlenebilir hale getirmek için formatla.
Üretime İçin HTML'yi KüçültBoşluk ve gereksiz karakterleri çıkararak daha hızlı sayfa yükleri için HTML dosya boyutunu azalt.

Nasıl çalışır

Bu araç HTML'yi doğrudan sayfaya yerleşik, elle yazılmış etiket farkındalıklı bir ayrıştırıcıyla biçimlendirir veya sıkıştırır — üçüncü taraf biçimlendirme kütüphanesi yok, sunucuya gidiş-dönüş yok. İşaretlemenizin her karakteri, yazdığınız veya yapıştırdığınız anda tarayıcıda yerel olarak işlenir.

1
Ayrıştırıcı işaretlemeyi tarar
Özel, karakter karakter çalışan bir tarayıcı HTML dizesini dolaşır ve yorumları, DOCTYPE bildirimlerini, açılış etiketlerini, kapanış etiketlerini, kendiliğinden kapanan boş öğeleri (br, img, input vb.) ve ham metin düğümlerini belirler. Özel bir yardımcı tırnaklı öznitelik değerlerini izler; böylece bir öznitelik içindeki > gibi karakterler (ör. value="a>b") bir etiketin erken bölünmesine asla yol açmaz.
2
Girinti derinliği her etiket için izlenir
Güzelleştirme modunda ayrıştırıcı bir derinlik sayacı tutar. Blok düzeyindeki açılış etiketleri derinliği artırır; kapanış etiketleri yazılmadan önce azaltır. Satır içi öğeler (span, a, strong, em vb.) kendi girintili satırlarına itilmek yerine içerikleriyle aynı satırda tutulur. pre, script, style ve textarea gibi etiketlerin iç içeriği, boşluğa duyarlı veya çalıştırılabilir kodu bozmamak için olduğu gibi yazılır.
3
Küçültücü boşlukları güvenle daraltır
Küçültme modunda pre, script, style ve textarea bloklarının içeriği, herhangi bir boşluk daraltma yapılmadan önce numaralı yer tutucularla değiştirilir. HTML yorumları kaldırılır ve etiketler arasındaki boşluk dizileri silinir — kelimelerin birleşmemesi için tek bir boşluğun korunduğu bitişik satır içi öğeler hariç. Yer tutucular ardından orijinal içeriklerine geri döndürülür.
4
Çıktı gösterilir ve isteğe bağlı olarak kaydedilir
Biçimlendirilmiş veya küçültülmüş sonuç, boyut değişim yüzdesiyle birlikte çıktı panelinde canlı olarak görünür. Tarayıcıdan ayrılmadan panoya kopyalayabilir veya .html dosyası olarak indirebilirsiniz.