HTML Biçimlendirici ve Düzenleyici

HTML girintisini düzenleyin; pre ve textarea korunur, açık etiketler bildirilir.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.
—Çıktı satırı
—Öğe
—En fazla derinlik
—Yapı sorunu
Etiket yapısı sorunları
Her şey tarayıcınızda çalışır ve kodunuz hiçbir yere gönderilmez. pre ve textarea içeriği bayt bayt korunur.

HTML Biçimlendirici ve Düzenleyici hakkında

HTML kodunda boşluk her zaman süs değildir: pre ve textarea içindeki her boşluk ve her satır sonu tarayıcının ekrana çizdiği şeyin ta kendisidir, bu yüzden onları körü körüne girintileyen bir araç sayfanın görünümünü bozar. Öte yandan li, td ve p standartta isteğe bağlı kapanış etiketine sahiptir; tek bir kapanış li içermeyen bir liste tamamen geçerlidir ve yalnızca açı parantezi sayan basit bir düzenleyici onu anlamsız bir iç içe yapıya çevirir. Bu araç karakter saymak yerine gerçek bir belge ağacı kurar.

HTML Biçimlendirici ve Düzenleyici nasıl kullanılır

  1. 1

    HTML kodunu giriş kutusuna yapıştırın; biçimlendirme siz yazarken çalışır.

  2. 2

    Girintiyi seçin: 2, 3, 4 veya 8 boşluk ya da sekme.

  3. 3

    Uzun açılış etiketleri seçeneğini açarak her özniteliği kendi satırına indirin.

  4. 4

    Alttaki sayaçlardan çıktı satırını, öğe sayısını ve en fazla iç içe derinliği görün; yapı uyarılarını satır numarasıyla okuyun.

  5. 5

    Sonucu kopyala düğmesiyle alın.

Sıkça sorulan sorular

pre bloğumun içi neden girintilenmedi?

Bilerek. pre ve textarea içindeki boşluklar anlamlıdır ve tarayıcı bunları olduğu gibi gösterir; girintilemek sayfanın görünümünü değiştirirdi. Bu iki öğenin içeriği bayt bayt kopyalanır. script ve style ise seçenek açıkken yeniden girintilenir; ancak içinde ters tırnaklı şablon dizesi varsa araç onlara dokunmaz.

br veya img için neden kapanış etiketi eklenmiyor?

Bunlar void öğelerdir. area, base, br, col, embed, hr, img, input, link, meta, param, source, track ve wbr hiçbir zaman kapanış etiketi almaz; kapanan bir br yazmak geçersiz HTML olur. Araç bu on dört öğeyi tanır ve XHTML tarzı sondaki eğik çizgiyi yazdıysanız onu silmez, korur.

Kapanmayan etiket uyarısı her zaman kodumun bozuk olduğu anlamına mı gelir?

Hayır. li, td, tr, p, option ve dd gibi kapanışı isteğe bağlı öğeler asla kapanmamış olarak bildirilmez, çünkü HTML çözümleyicisi onları sizin yerinize kapatır. Uyarı yalnızca gerçekten kapatılması gereken etiketler, karşılığı olmayan kapanış etiketleri ve iç içe geçmek yerine çakışan etiketler için verilir.

Sınırlar neler?

Girdi 800.000 karakter, iç içe geçme 512 seviye ile sınırlıdır. Bu bir biçimlendiricidir, tam bir W3C doğrulayıcısı değildir: öznitelik adlarını veya anlamsal kuralları denetlemez ve bir paragraf içindeki uzun metni satırlara bölmez.

İlgili araçlar

JSON Biçimlendirici & Doğrulayıcı JSON'u düzenleyin, sözdizimi hatasını görün ve küçültün. Base64 Kodlayıcı & Çözücü Metni Base64'e çevirin ve geri alın, tam Unicode desteğiyle. URL Kodlayıcı & Çözücü Sorgu parametrelerini kodlayın, karmaşık URL'leri çözün. JWT Çözücü Token başlığını ve payload'ını inceleyin, süresini kontrol edin. Harf Durumu Dönüştürücü camelCase, snake_case, kebab-case, Title Case ve daha fazlası. Kelime & Karakter Sayacı Kelime, karakter, paragraf ve okuma süresini sayın.
Tüm araçları gör