HTML Formatter
HTML'i biçimlendir ve güzelleştir ya da küçült. Indent boyutu, yorum temizleme ve self-closing tag farkındalığı.
Sonucu görmek için yukarıya giriş yapın.
Bu ne işe yarar?
HTML markup editörüne her türlü durumda gelir — production için küçültülmüş, boşluğa aldırmayan template motorları tarafından üretilmiş, tutarsız şekilde elle yazılmış ve girintilenmiş. Bu araç herhangi bir HTML parçasını her iç içe element için tutarlı indent ile yeniden biçimlendirir, void elementleri (<img>, <br>, <meta>) ve inline elementleri (<a>, <span>, <strong>) tanır, böylece çıktı gerçek HTML gibi görünür, kural başına bir düzen değil. Minify modu tag'ler arası boşluğu ve isteğe bağlı yorumları temizler. Her şey tarayıcında kalır.
Ne zaman kullanılır
- Yapısını okuyabilmen için küçültülmüş bir HTML e-postasını veya bir sayfanın "kaynağı görüntüle" kopyasını güzel yazdırma.
- Bir kod incelemesine yapıştırmadan önce bir CMS / WYSIWYG'den bir snippet'i temizleme.
- Deploy etmeden önce statik bir HTML varlığını minify etme — wire üzerinde daha az byte, yorum sızıntısı yok.
- Yayınlamadan önce bir template'tan yazar yorumlarını çıkarma.
Sık yapılan hatalar
- Bu pragmatik bir tokenizer'dır, tam bir HTML5 parser değil. Gerçek dünya parçaları üzerinde iyi çalışır ama tarayıcıların ciddi şekilde bozuk girdileri kurtardığı gibi kurtarmaz.
<pre>,<textarea>,<script>,<style>içindeki boşluk korunur. Bu elementler ham olarak ele alınır ve yeniden indent edilmez.- Inline elementler ebeveyn metniyle aynı satırda kalır —
<p>some <b>bold</b> text</p>satırlara bölünmez. - "Boşluğu daralt" bazı içerik için render edilen çıktıyı değiştirir. İki boşluk bir olur. Tasarımın birden fazla boşluğa veya non-breaking dizilere dayanıyorsa, kapat.
- HTML'de self-closing notasyon kozmetiktir.
<br/>ve<br>HTML5'te eşdeğerdir; bu araç ne yazdıysan korur. - Minify güvenlik sınırı değildir. Sırları gizlemek için yorumları temizlemeye güvenme — zaten istemciye gönderilmişlerdi.