HTML'i blok farkındalıklı girintilemeyle güzelleştirin veya küçültün. pre, textarea, script ve style içerikleri korunur.
HTML Biçimlendirici nasıl kullanılır
HTML'inizi giriş kutusuna yapıştırın.
Girintili biçim için Güzelleştir'i veya sıkıştırmak için Küçült'ü seçin.
Girinti boyutunu seçin, ardından sonucu kopyalayın.
This is an HTML formatter that beautifies markup with block and inline aware indentation, or minifies it by collapsing whitespace and stripping comments. You pick the indent size when beautifying.
Beautifying indents elements according to how they nest, so the structure of a document, which elements contain which, becomes obvious. That makes hand-written or generated HTML far easier to read and debug.
Both beautify and minify run entirely in your browser, so your markup never leaves your device.
It deliberately leaves the contents of pre, textarea, script and style untouched, because whitespace inside those elements is significant: reformatting them would change preformatted text, what users type, or the meaning of your code.
Minifying removes comments and collapses runs of whitespace, which trims the file size browsers have to download. It is most useful as a build step for production pages.
The minifier keeps a single space between tags rather than removing it entirely, because whitespace between inline elements is actually rendered, and dropping it can shift your layout. This caution avoids the subtle visual bugs aggressive minifiers can cause.
Sıkça sorulan sorular
Öğeleri iç içe geçme ve yapılarına göre girintiler, pre, textarea, script ve style içeriklerini olduğu gibi bırakır, çünkü oradaki boşluklar anlamlıdır.
Yorumları kaldırır ve boşluk dizilerini tek bir boşluğa daraltır. Etiketler arasındaki tek boşlukları kaldırmak yerine korur, çünkü satır içi öğeler arasındaki boşluk render edilir ve kaldırılması düzeni kaydırabilir.
Hayır. Hem güzelleştirme hem de küçültme tamamen tarayıcınızda çalışır, bu nedenle kodunuz asla cihazınızdan ayrılmaz.
Bu aracı göm
Bu aracı kendi web sitenize ekleyin. Aşağıdaki kod parçacığını kopyalayın; otomatik olarak güncel kalır.
<iframe src="https://monu.tools/embed/tr/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>İlgili araçlar
JavaScript ve TypeScript'i tarayıcınızda güzelleştirin veya küçültün. JSX ve dekoratörler dahil modern sözdizimini destekler.
CSV'yi Excel .xlsx dosyasına ve Excel'i CSV'ye dönüştürün, tamamen tarayıcınızda. Her iki yönde de çalışır.
JSON verilerinden iç içe nesneler ve diziler desteğiyle TypeScript arayüzleri oluşturun.
JSON'ı XML'e ve XML'i JSON'a dönüştürün, her iki yönde de, tamamen tarayıcınızda.