Araçlarım

HTML Biçimlendirici

Dağınık HTML'i okunur bir girintiye düzenleyin — ya da tek satıra küçültün — tamamen tarayıcınızda.

Nasıl kullanılır

  1. HTML'i yapıştırın veya yazın. Siz yazarken biçimlenir (ya da küçülür) — tıklanacak bir düğme yok.
  2. Biçimlendir / Küçült arasında geçiş yapın; 2 veya 4 boşluk seçin. Girinti denetimi Küçült modunda devre dışıdır.
  3. Blok öğeler derinlik başına bir düzey girintiyle, satır başına bir öğe olacak şekilde dizilir. Satır içi içerik (<a> veya <b> ile karışık metin) tam olarak yazıldığı gibi korunur.
  4. Geçersiz (void) öğeler (<br>, <img>, <input>…) kapanış etiketi istemez ve isteğe bağlı /> dahil harfi harfine korunur.
  5. Ham metin öğeleri (<script>, <style>, <textarea>, <title>, <pre>) harfi harfine kopyalanır; içleri ayrıştırılmaz ve yeniden biçimlendirilmez.

Örnek

Girdi

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Demo</title></head><body><div class="card"><h1>Hello</h1><p>Hi <b>there</b></p><ul><li>one</li><li>two</li></ul></div><script>const x=1;</script></body></html>

Çıktı

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <div class="card">
      <h1>Hello</h1>
      <p>Hi <b>there</b></p>
      <ul>
        <li>one</li>
        <li>two</li>
      </ul>
    </div>
    <script>const x=1;</script>
  </body>
</html>

Satır içi içerik ile <script>/<style> içerikleri harfi harfine korunur; <meta> kapanış etiketi istemeyen geçersiz (void) bir öğedir ve yazıldığı gibi korunur.

Sınırlamalar

  • Yalnızca yapısal denetim: etiket eşleştirmesi, void öğeler, yaygın örtük kapanışlar (li/td/tr/dt/dd/option/p/head) ve iç içe geçme. DTD/Schema doğrulaması yoktur.
  • Gömülü JavaScript ve CSS biçimlendirilmez — <script>/<style> içeriği olduğu gibi korunur. (Bunlar için Kod Biçimlendirici'yi kullanın.)
  • HTML5'in tüm isteğe bağlı kapanış etiketleri çıkarılmaz; gerçekten bozuk olan iç içe geçme, satır ve sütunla bildirilir.
  • Satır içi/karma içerik bilinçli olarak yeniden girintilenmez. <pre>/<textarea>/<title> içerikleri harfi harfine korunur.
  • Dosya yükleme, URL parametresi, geçmiş ve hesap yoktur. Girdiniz tarayıcınızdan asla ayrılmaz.

Bu araç kutusundaki diğer biçimlendiriciler ve metin araçları.

XML Biçimlendirici

Kod Biçimlendirici

Küçültme