HTML Biçimlendirici ve Güzelleştirici

Küçültülmüş veya tek satırlık HTML'i uygun girinti ve satır sonlarıyla biçimlendirin.

Bu araç nasıl kullanılır

1
Paste your minified or single-line HTML into the input box.
2
Read the indented result that appears below as you type — there is no button to press.
3
Select and copy the formatted output from the result panel.
4
Spot-check anything with <pre>, <textarea>, comments, or inline scripts, since those are not handled perfectly.

HTML Biçimlendirici ve Güzelleştirici nedir?

Küçültülmüş HTML, tek bir uzun dizedir: hızlı sunulur ancak okunması imkânsızdır. Bu araç küçültmeyi tersine çevirir: her öğe kendi satırında, alt öğeler iki boşluk daha içeride girintilenmiş şekilde. Boş öğeler (img, br, input) satır içinde tutulur. Çıktı tamamen estetiktir ve aynı şekilde işlenir.

Yaygın kullanım örnekleri

Expanding a minified production HTML page so you can read its structure during debugging.
Tidying a snippet copied from a browser's DevTools Elements panel before pasting it into documentation.
Re-indenting a fragment of email or marketing HTML that arrived as one long line.
Inspecting the nesting and tag hierarchy of unfamiliar markup at a glance.
Cleaning up generated or template-output HTML before committing it to a repository.
Teaching or reviewing HTML structure where consistent two-space indentation makes nesting obvious.

Sıkça sorulan sorular

<pre> içindeki boşlukları korur mu?▼

Satır içi metin içeriği daraltılır. <pre> öğesinin yoğun olduğu işaretlemelerde boşlukları manuel olarak geri yüklemeniz gerekebilir.

İlgili araçlar

JWT Kod Çözücü

JSON Web Token'larının (JWT) kodunu anında çözün. Tarayıcınızda çalışır: token'lar cihazınızdan asla ayrılmaz, üretim ortamı sırlarıyla kullanmak güvenlidir.

JSON Biçimlendirici ve Doğrulayıcı

JSON'u çevrimiçi olarak biçimlendirin, doğrulayın ve küçültün. Tamamen tarayıcınızda çalışır: verileriniz asla cihazınızdan çıkmaz.

XML Biçimlendirici

XML belgelerini biçimlendirin ve güzelleştirin. SOAP, site haritaları, RSS akışları ve yapılandırma dosyaları için kullanışlıdır.

Base64 Kodlayıcı ve Kod Çözücü

Dizeleri Base64'e kodlayın veya Base64'ün kodunu metne çözün. Gizliliğinize saygı duyar: tarayıcınızda çalışır.

URL Kodlayıcı ve Kod Çözücü

Metni URL açısından güvenli kodlamaya (yüzde kodlaması) ve tersine dönüştürün. Sorgu dizeleri, yönlendirmeler ve OAuth akışları için kullanışlıdır.

HTML Varlık Kodlayıcı ve Kod Çözücü

Özel karakterleri HTML varlıklarına (&, <, vb.) ve tersine dönüştürün. Metni HTML içine güvenli bir şekilde gömmek için kullanışlıdır.