TanodTools
TR

HTML biçimlendirici

Dağınık veya küçültülmüş HTML'i yapıştırın; girintili, satır içi script ve stilleri de düzenlenmiş olarak geri alın.

Tamamen tarayıcınızda çalışır

Girinti
İçerik

En fazla yaklaşık 10 MB girdi. İşaretlemeyi yeniden girintiler ve asla reddetmez; bu yüzden HTML'in geçersiz olup olmadığını söylemez.

HTML nasıl biçimlendirilir

  1. HTML'inizi kutuya yapıştırın veya Örnek ekle düğmesine basın.
  2. Girintiyi, isterseniz bir satır kaydırma uzunluğunu ve satır içi <script> ile <style> bloklarının biçimlendirilip biçimlendirilmeyeceğini seçin.
  3. Düzenlenmiş sürüm, siz yazdıkça aşağıda görünür. Kopyalayın veya .html dosyası olarak indirin.

HTML'i güvenle girintileme

Tarayıcılar HTML'deki boşlukların çoğunu birleştirir; bu yüzden bir sayfa tek satıra da yazılsa bin satıra da yayılsa aynı görünür. Şablonlar, içerik yönetim sistemlerinin çıktısı ve küçültülmüş paketler çoğu zaman kimsenin okuyamayacağı bir işaretleme üretir. Bir biçimlendirici blok öğeleri kendi satırlarına yerleştirir ve alt öğeleri üstlerinin altında girintiler; böylece eşleşmeyen ya da yanlış yerleştirilmiş etiketler kolayca görülür.

Biçimlendiricilerin hata yaptığı yer ayrıntılardır. <br>, <img> ve <input> gibi boş (void) öğelerin kapanış etiketi olmaz, bu yüzden girintiyi artırmamaları gerekir. <pre> ve <textarea> içindeki boşluklar yazıldığı gibi gösterilir, dolayısıyla dokunulamaz. Satır içi öğeler de çevrelerindeki sözcüklerle aynı satırı paylaşır, çünkü orada bir satır sonu görünür bir boşluk ekler.

Sayfaya gömülü script'ler ve stil sayfaları ayrı bir dildir. Biçimlendirici bunları sayfanın kendi girintisiyle düzenleyebilir; fark (diff) çıktısını küçük tutmak istiyorsanız veya kod zaten bilerek küçültülmüşse olduğu gibi de bırakabilir.

İpuçları

  • Stil sayfasını mı küçültmek istiyorsunuz? CSS küçült ve düzenle bağımsız CSS ile çalışır.
  • Bir parçayı README için Markdown'a mı çeviriyorsunuz? HTML'den Markdown'a aracını kullanın.
  • Bir şablon değişikliğini mi inceliyorsunuz? Eskisini ve yenisini biçimlendirip Metin karşılaştır ile karşılaştırın.

Sık sorulan sorular

HTML'im yükleniyor mu?

Hayır. Biçimlendirme kitaplığı, bir şey yapıştırdığınızda bu siteden ilk kez yüklenir; işaretleme yalnızca tarayıcınızda işlenir.

Sayfanın görünümünü değiştirir mi?

Etiketler arasındaki boşlukları değiştirir; tarayıcılar bunları çoğunlukla birleştirdiği için sayfa aynı görünmelidir. Görünür boşluklar bunun dışındadır: bu nedenle <pre> ve <textarea> içindeki metin yazıldığı gibi bırakılır.

HTML'im bozuksa bana söyler mi?

Hayır. Esnek biçimde biçimlendirir ve hiçbir şeyi reddetmez; kapatılmamış bir etiket hata vermez, girinti yalnızca bulduğunu izler. Yapısal hataları bulmak için sayfayı bir doğrulayıcıdan geçirin.

Sayfadaki JavaScript ve CSS ne olur?

Varsayılan olarak <script> ve <style> içerikleri aynı girintiyle biçimlendirilir. Bunları yazıldığı gibi bırakmak için Satır içi script ve stili biçimlendir seçeneğinin işaretini kaldırın.

span ve a gibi satır içi etiketler nasıl işlenir?

Satır içi öğeler sığdığı sürece metinleriyle aynı satırda kalır; bu yüzden <strong> içeren bir cümle ayrı satırlara bölünmez, aksi halde görünür boşluklar eklenirdi.

Uzun satırları kaydır ne yapar?

Bir kaydırma uzunluğu belirlendiğinde, sınırı aşan metin sözcük sınırında yeni bir satıra bölünür. Kapalıyken her metin parçası ne kadar uzun olursa olsun tek satırda kalır.