PRATİK REHBERLER · Web ve kodlar
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.
Hazırlayan Puffinmint · Güncelleme
Etiketler arasındaki boşluklar neden önemlidir
Girintileme okunmayı kolaylaştırır ama metin düğümleri de belgenin parçasıdır. Satır içi öğeler arasındaki boşluklar kelimeleri veya görselleri ayırabilir.
Metni koruyarak bir kopyayı biçimlendirin
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.
-
Girdi
<div><p>A <strong>B</strong> C</p></div> -
Hesaplama adımları
Yöntemi seçin ve uygulayın
-
Sonuç
<div> <p>A <strong>B</strong> C</p> </div>
BU ADIMI DENEYİN
HTML formatter: kod düzenleme
Bu rehberin içinde örnek yükleyin, aracı çalıştırın ve sonuçları karşılaştırmak için girdileri değiştirin. İkinci deney farklı bir durumu sınar.
Tekrarlanabilir bir örnek
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.
Bölünmez boşluğu koruyun
İkinci örnekte iki div arasında U+00A0 boşluğu vardır. Biçimlendirip kopyaladığınızda bu boşluk kalmalıdır. Araç HTML önizlemesi sunmaz ve betik çalıştırmaz.
Sonuç
Sonucu görmek için değerleri girin.
Satır içi boşluklar ve pre içeriği
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.
Kullanım örneği
- Girdi
<div><p>A <strong>B</strong> C</p></div>- Sonuç
<div> <p>A <strong>B</strong> C</p> </div>
Kaynağı projede kontrol edin
Projenin CSS’i, özellikle white-space ve şablon testleriyle kontrol edin. Düzenleme doğru etiket iç içeliğini kanıtlamaz. Araç metni gösterir; HTML veya betik çalıştırmaz.
Bunlar örnek girdilerdir, gerçek bir olayın ölçümleri değildir. Sonuç, tam araçla aynı hesaplama motorunu kullanır. Rehberdeki adımlarla karşılaştırdıktan sonra kontrolleri işaretleyin.
| Parametre | Değer |
|---|---|
| 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. |
| İşleme ve gizlilik | 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. |