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: .
Nasıl hesaplanır?
HTML biçimlendirme: adım adım
- Kaynak kodu alana yapıştırın: tüm belgeyi ya da yalnızca bir bölümü.
- “İşlem” altında Biçimlendir veya Küçült’ü seçin, gerekirse girintiyi ayarlayın.
- Sonucu kopyalayıp düzenleyicinize geri koyun.
Biçimlendirirken ne olur
- Blok öğeler (
div,ul,sectiongibi) kendi satırında durur, içerikleri girintilenir. - Akan metin ve satır içi öğeler (
a,strong,span…) aynı satırda kalır ve görünüm değişmesin diye yaklaşık 100 karakterde bir sonraki satıra bölünür. - Önceden biçimlendirilmiş içerik (
prevetextarea) boşlukların göründüğü yer olduğu için karakter karakter korunur. - Betikler ve stiller blok olarak girintilenir, içerikleri yeniden yazılmaz.
liveyatdgibi öğelerde isteğe bağlı kapanış etiketleri çıktıda tamamlanır.
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
- WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags
- MDN – How whitespace is handled by HTML, CSS and in the DOM
Güncelleme: · Editoryal ilkeler
Benzer araçlar
- JSON formatter, doğrulayıcı ve küçültücüJSON formatter: JSON’u RFC 8259’a göre doğrulayın, hatayı satır, sütun ve açıklamasıyla görün. Biçimlendirin, küçültün, anahtarları sıralayın – tarayıcıda.
- SQL formatlama (SQL biçimlendirici online)SQL formatlama aracıyla sorguları okunur yapın: anahtar sözcükler büyük harf, girinti, sütunlar ve koşullar ayrı satırda. Sıkıştırma da var, tarayıcıda çalışır.
- CSS küçültme: CSS’i sıkıştır, biçimlendir ve HTML’e gömCSS küçültme ve biçimlendirme, ayrıca e-posta için CSS’i HTML’e gömme: güvenli dönüşümler, satır numaralı hatalar, tarayıcıda çalışır, yükleme yok.
- Markdown HTML çevirici: önizleme, HTML kodu ve indirmeMarkdown HTML çevirici canlı önizlemeyle çalışır: başlık, liste, tablo ve kod CommonMark’a uygun. Kopyalanabilir temiz HTML kodu, güvenli ve betiksiz. Ücretsiz.
- Metin Karşılaştırma: İki Metni Karşılaştırınİki metni online karşılaştırın: farkları satır, kelime veya karakter bazında işaretleyin ve benzerlik oranını görün. Ücretsiz, gizli, tarayıcıda çalışır.
- Regex testerRegex tester: JavaScript düzenli ifadelerini canlı test edin – eşleşmeler vurgulanır, gruplar tabloda, desenin her parçası açıklanır. Ücretsiz, veri yüklenmez.
- IP adresim nedir?IP adresim nedir sorusunun anında cevabı: genel IP adresinizi gösterir, IPv4 mü IPv6 mı olduğunu bulur ve farkı açıklar. Ücretsiz, IP adresiniz saklanmaz.
- HTML’yi PDF’e çevirHTML’yi PDF’e çevirin: HTML dosyası seçin veya kodu yapıştırın, sayfa boyutunu ayarlayın, PDF kaydedin. Ücretsiz, yükleme yok, tarayıcıda.
- Markdown tablo oluşturucuMarkdown tablo oluşturucu: Excel, E-Tablolar veya CSV verisini yapıştırın, hizalı Markdown, HTML ya da LaTeX tablosu olarak kopyalayın. Tarayıcıda çalışır.