HTML Formatter

Bu HTML formatter ile kaynak kodunuzu yapıştırır, düzgün girintilenmiş ya da en aza indirilmiş hâlde geri alırsınız. Kod tarayıcınızda kalır, hiçbir şey yüklenmez; pre blokları, betikler ve öznitelik değerleri olduğu gibi korunur.

Kaynak: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Güncelleme: .

Tüm belgeyi ya da yalnızca bir bölümü yapıştırın (en fazla 500.000 karakter).

Metniniz tarayıcınızda kalır – gönderilmez, kaydedilmez ve adres çubuğuna eklenmez.

AraçlarımGirdileriniz yalnızca bu tarayıcıda saklanır.

Sonuç

Sonuç
<div class="kart"> <h2>Başlık</h2> <p>Biraz <em>vurgu</em> içeren <strong>kısa</strong> bir paragraf.</p> <ul> <li>Bir</li> <li>İki</li> </ul> <hr> </div>
Boyut
17 etiket, 146 → 172 karakter.

Nasıl hesaplanır?

HTML biçimlendirme: adım adım

  1. Kaynak kodu alana yapıştırın: tüm belgeyi ya da yalnızca bir bölümü.
  2. “İşlem” altında Biçimlendir veya Küçült’ü seçin, gerekirse girintiyi ayarlayın.
  3. Sonucu kopyalayıp düzenleyicinize geri koyun.

Biçimlendirirken ne olur

Küçültürken ne olur

Art arda gelen boşluklar ve satır sonları tek boşluğa dönüşür, yorumlar silinir (eski tarayıcılar için koşullu yorumlar kalır). Blok öğeler arasındaki boşluk tamamen kalkar, satır içi öğeler arasında tarayıcıda göründüğü için bir boşluk kalır. style içindeki CSS sıkıştırılır, JavaScript koduna dokunulmaz.

Dürüst sınırlar

Bu tam bir HTML ayrıştırıcısı değildir: hatalı kod onarılmaz, mümkün olduğunca olduğu gibi alınır ve bildirilir. {% if %} veya <?php ?> gibi sunucu sözdizimi içeren şablonlarda girinti alışılmadık görünebilir.

Sıkça sorulan sorular

HTML’i online nasıl biçimlendirebilirim?

Kaynak kodu yapıştırın, “Biçimlendir”i seçin ve girintili sonucu kopyalayın. Hesap gerekmez.

HTML kodum yüklenir mi?

Hayır. İşlem tamamen tarayıcınızda yapılır; kod ne gönderilir ne de saklanır.

VS Code veya Notepad++ içinde HTML’i nasıl biçimlendiririm?

VS Code’da Shift+Alt+F yeterlidir, Notepad++ için bir biçimlendirme eklentisi gerekir. Elinizde editör yoksa bu araç hızlı çözümdür.

Küçültmek sayfanın görünümünü değiştirir mi?

Normalde değiştirmez: birden fazla boşluk tarayıcıda zaten tek boşluk sayılır. Yalnızca olduğu gibi kalan pre blokları bunun dışındadır.

CSS ve JavaScript de biçimlendirilebilir mi?

HTML içindeki stiller ve betikler girintilenir ama yeniden yazılmaz. Yalın CSS için CSS küçültücü, JSON için JSON biçimlendirici vardır.

Kaynaklar ve yasal dayanak

Güncelleme: · Editoryal ilkeler

Benzer araçlar