HTML Biçimlendirici
Okumak için girintili, yayımlamak için sıkıştırılmış.
Örnekler girdiyi ve ayarları geçici olarak değiştirir. Önceki çalışmanızı geri yükleyebilirsiniz.
Sonucu burada görmek için yukarıya yapıştırın veya yazın.
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Yapıştırdığınız içerik cihazınızda işlenir ve asla bir sunucuya gönderilmez; bu yüzden token'lar, anahtarlar ve yayımlanmamış metinlerle güvenle kullanabilirsiniz.
Örnek
Bir e-ticaret sitesinin kargo bilgisi kutusu, sıkıştırılıp tek satıra iniyor
Bir ev tekstili mağazasının ürün sayfasındaki kargo kutusu, 4 boşluk girintili 11 satır ve 311 karakter. İçinde 31 Aralık kampanyasıyla ilgili bir yorum da var. Site yönetim panelindeki alan tek satır istediği için “sıkıştır” ile yapıştırılıyor.
- Sonuç tek satır, 217 karakter: %30 daha kısa. “kampanya: 31 Aralık'a kadar” yorumu tamamen gider.
- Blok etiketlerin (div, h3, p) yanındaki girinti ve satır sonları silinir, çünkü ekranda görünmezler.
- “siparişlerde” ile kalın yazılmış “kargo ücretsiz” arasındaki satır sonu tek bir boşluk olarak kalır: satır içi bir etiketin yanında o boşluk görünür.
- “1.250,00 TL” ve “Saat 14.00'e” olduğu gibi kalır: metnin kendisine dokunulmaz.
| Ne yapılsın | Giren | Çıkan |
|---|---|---|
| Sıkıştır | 11 satır, 311 karakter | 1 satır, 217 karakter (%30 kısa) |
| Düzenle, 2 boşluk | aynı kutu | 12 satır, 290 karakter, yorum dahil |
| Sıkıştır | o 12 satır | 1 satır, aynı 217 karakter (%25 kısa) |
Sayfada kutu öncekiyle aynı görünür; yalnızca yorum ve görünmeyen boşluklar gitmiştir. Yorumu kaybetmemek için 11 satırlık dosya saklanır, panele 217 karakterlik satır yapıştırılır.
Nasıl çalışır
- HTML’i yapıştırın. Siz yazarken düzenlenir.
- Bunun yerine girintiyi ve yorumları kaldırmak için “sıkıştır”a geçin.
- İki boşluk, dört boşluk ya da sekme seçin.
- Sonucu kopyalayın ya da dosya olarak indirin.
Sık sorulan sorular
- Tam geçerli olmayan bir belgeye ne oluyor?
- Yine de biçimlendirilir. İşaretleme bir ağaca ayrıştırılmak yerine etiket ve metin dizisi olarak okunur; çünkü birinin biçimlendirmek istediği HTML, çoğu zaman anlamaya çalıştığı HTML’dir.
- Metnimdeki boşlukları bozar mı?
- Bozmaz ve işin zor yanı da budur. <b>bir</b> ile <i>iki</i> arasındaki boşluk ekrana çıkar, bu yüzden korunur; bir <div>’in iki yanındaki boşluk çıkmaz, bu yüzden gider. Satır içi ögeler, çevrelerindeki kelimelerle aynı satırda kalır.
- <pre> içindeki bir şeye dokunuluyor mu?
- Tek bir karaktere bile. <pre> ve <textarea> içindeki her boşluk ekrana çıkar; içerik yazıldığı gibi, sola bile kaydırılmadan çıkar.
- Sıkıştırma bir şeyin adını değiştirir mi?
- Hayır. Yorumları ve ekranda görünmeyen boşlukları kaldırır. Hiçbir şey yeniden adlandırılmaz ya da yeniden sıralanmaz; çıkan belge, giren belgeyle aynı görünür.
- <style> ve <script> içindeki CSS ile JavaScript de küçülür mü?
- Hayır. Yalnızca kodun başındaki ve sonundaki boşluklar gider; içerideki boşluklar ve satır sonları yazıldığı gibi kalır, yani iki satıra yazılmış bir <style> iki satır olarak çıkar. Kodun kendisini küçültmek için önce CSS Biçimlendirici ya da JavaScript Küçültücü’den geçirin.
- Bir sunucuya bir şey gönderiliyor mu?
- Hayır. Tarayıcıda çalışır; yapıştırdığınız şey bilgisayarınızda kalır.