HTML biçimlendirici
Dağınık HTML'i güzelleştir, veya üretim için küçült.
Tarayıcında çalışır. Yazdığın hiçbir şey bir yere gönderilmez.
- 2 veya 4 boşluk girinti
- Tek tıkla küçültme
- Hiçbir şey yüklenmez
HTML nasıl biçimlendirilir
- HTML'ini yapıştır.
- Bir girinti boyutu seç, veya küçültmeyi aç.
- Sonucu kopyala veya indir.
Güzelleştirme ile küçültme
| Güzelleştirme | Küçültme | |
|---|---|---|
| Girinti | 2, 4 veya 8 boşluk ekler | Kaldırır |
| Yorumlar | Korunur | Kaldırılır |
| Etiketler arası boşluk | Normalleştirilir | Kaldırılır |
| pre, textarea, script, style içeriği | Dokunulmaz | Dokunulmaz |
Küçültülmüş HTML'in önemli olduğu yerler
- Boşluk ve yorumlar gittikten sonra bir üretim sayfası biraz daha hızlı yüklenir ve daha az bant genişliği kullanır.
- Küçültülmüş işaretleme view-source'ta okunması daha zordur; üretimde makul bir takas ama hata ayıklarken bir dezavantaj.
HTML biçimlendirme ipuçları
- Kaynak kontrolünde okunabilir, girintili bir kopya tut ve sadece dağıttığını küçült, çünkü küçültülmüş işaretlemede göz kararı hata ayıklamak yavaştır.
- 2 boşluklu girinti derin iç içe geçmiş işaretlemeye uyar, 4 boşluklu ise sığ, basit sayfalarda taraması daha kolaydır.
Girintinin etkilediği ve etkilemediği şeyler
- Blok düzeyi etiketler arasındaki boşluk her durumda çöktüğü için bir tarayıcının render ettiği şeyi asla değiştirmez.
- Bir tasarım oradaki tam boşluğa bağlıysa <span> gibi satır içi öğeler arasındaki boşluğu görünür şekilde kaydırabilir. Biçimlendirmeden sonra o noktaları kontrol et.
- JavaScript davranışı üzerinde hiçbir etkisi yoktur, çünkü sayfanın DOM yapısı her iki durumda da aynı kalır.
HTML biçimlendirici SSS
Küçültme burada ne yapar?
pre, textarea, script ve style etiketlerinin içindeki metne ve özniteliklere dokunmadan yorumları ve etiketler arasındaki boşluğu kaldırır.
Biçimlendirme sayfamın görünümünü değiştirir mi?
Hayır. Girinti ve etiketler arasındaki boşluk render'ı etkilemez, bu yüzden sayfa öncesinde ve sonrasında aynı görünür.
Bozuk veya kapatılmamış etiketleri düzeltiyor mu?
Hayır. Verdiğin HTML'i yeniden biçimlendirir. Eksik veya eşleşmeyen etiketleri önce editöründe düzelt.
Tam bir HTML belgesini biçimlendirebilir miyim?
Evet, doctype, head ve body dahil. Çok uzun belgelerin biçimlendirilmesi biraz zaman alabilir.
HTML'imi doğruluyor mu?
Hayır. Verdiğin işaretlemeyi yeniden biçimlendirir veya küçültür, eksik alt metni, kapatılmamış etiketleri veya başka doğrulama sorunlarını kontrol etmez.
Satır içi style ve script etiketleri de yeniden biçimlendiriliyor mu?
Evet, güzelleştirirken. Biçimlendirici, bir style etiketinin içindeki CSS'i ve bir script etiketinin içindeki JavaScript'i çevresindeki işaretlemeyle birlikte girintiler.
Küçültme, bir şablon sisteminin kullandığı yorumları kaldırıyor mu?
Standart HTML yorumları (<!-- ... -->), bir şablon sisteminin işaretçi olarak kullanabileceği yorumlar dahil, her zaman kaldırılır. Yorumların başka bir yerde bir anlamı varsa, sadece biçimlendir ve küçültmeyi atla.
Tam bir belge olmadan sadece bir parçayı biçimlendirebilir miyim?
Evet. Birkaç etiketlik bir snippet, tüm bir sayfayla aynı şekilde biçimlendirilir. Çalışması için bir doctype, head veya body gerekmez.