Softonic

HTML Biçimlendirici

Adım 1 / 3

En fazla 100.000 karakterlik HTML yapıştırın. Kod çalıştırılmaz.

Sonraki: girintiyi seçin

HTML’yi yapıştırın, iki veya dört boşluk seçin ve daha okunaklı bir kopyayı inceleyin. Biçimlendirici, yalnızca yapının açık olduğu yerlere girinti ekler. Satır içi metni, öznitelikleri ve hassas blokları yazıldığı gibi korur. Yapı belirsizse girdiniz değişmez, bir uyarı gösterilir ve biçimlendirilmiş sonuç oluşturulmaz.

HTML'yi üç adımda biçimlendirin

  1. 1

    HTML'nizi yapıştırın

    Düzenlemek istediğiniz işaretlemeyi girin. Bir parçayı veya belgenin tamamını yapıştırabilirsiniz.

  2. 2

    Girintiyi seçin

    İç içe bloklar için iki veya dört boşluk seçin. Bu, HTML etiketlerini ya da özniteliklerini değil, çıktının yerleşimini değiştirir.

  3. 3

    Sonucu inceleyip kullanın

    Çıktıyı kaynakla karşılaştırın; projenize uygunsa kopyalayın veya indirin. Uyarı görünürse biçimlendirilmiş sonuç yoktur.

Neler değişir, neler korunur?

Biçimlendirici, açık blok yapısına girinti eklerken etiketlerin arasındaki cümleyi bölmez. Örneğin şu sıkışık parça:

<main><section><h2>Haberler</h2><p>Son <a href="/news">gelişmeleri</a> okuyun.</p></section></main>

şöyle düzenlenebilir:

<main>
  <section>
    <h2>Haberler</h2>
    <p>Son <a href="/news">gelişmeleri</a> okuyun.</p>
  </section>
</main>

Bağlantının çevresindeki sözcükler ve href değeri yazıldığı gibi kalır. Projenizin kodlama stiline uyuyorsa dört boşluğa geçebilirsiniz. Araç öznitelikleri sıralamaz, tırnak işaretlerini değiştirmez, HTML varlıklarını yeniden yazmaz, kodu küçültmez veya HTML'yi onarmaz.

Öğeler arasındaki boşluklar CSS, betikler ve şablonlar için yine de önemli olabilir. Açık bir bloğa girinti eklemek, etiketler arasına satır sonları ve boşluklar ekleyebilir. Boşluğa duyarlı bir belgede kullanmadan önce sonucu inceleyin. <pre>, <code>, <textarea>, <script> ve <style> içeriği girildiği gibi korunur.

Biçimlendirici, bozuk işaretleme veya atlanmış kapanış etiketlerine dayanan işaretleme gibi durumlarda yapıyı güvenle belirleyemezse özgün girdiniz değişmez ve bir uyarı görünür. Biçimlendirilmiş sonuç oluşturulmaz. Bu uyarı, HTML'nin geçerli olup olmadığına dair bir karar değil, biçimlendirmenin sınırıdır. Standartlara uygunluğu kontrol etmeniz gerekiyorsa bir HTML doğrulayıcısı kullanın.

Sık Sorulan Sorular

Hayır. Yalnızca yapı açık olduğunda girintiyi değiştirir. Her HTML hatasını saptamaz veya eksik etiketleri eklemez. Uyarı, kaynağı yeterince güvenle biçimlendiremediği anlamına gelir.

Biçimlendirici, satır içi öğelerin çevresindeki boşluklar dâhil satır içi metni birlikte tutar. Açık blok öğeleri arasına boşluk ekleyebilir; hassas bir şablonda kullanmadan önce sonucu karşılaştırın.

Tam pre, code, textarea, script ve style blokları girildiği gibi kalır. Araç bunların içeriğini yeniden biçimlendirmez.

Biçimlendirme tarayıcınızda çalışır. Çok adımlı akış, girdinizi adımlar arasında taşıyabilmek için bu sekmenin oturum depolamasında tutar.

Atlanmış bir kapanış etiketi girintiyi belirsiz hâle getiriyorsa girdiniz değişmez ve araç, biçimlendirilmiş sonuç sunmadan bir uyarı gösterir. Öngörülebilir bir yerleşim için kapanış etiketlerini açıkça ekleyin.

İlgili Araçlar

FPS Sayacı

requestAnimationFrame ile tarayıcı FPS değerini ölçün: yumuşatma, en düşük ve en yüksek kare hızı, uyarı eşiği ve isteğe bağlı grafik. Yerel çalışır, yükleme ve API yoktur.

Webpack Yapılandırma Oluşturucu

Saf JavaScript, React veya Vue için webpack 5 uyumlu bir webpack.config.js oluşturun: TypeScript, Babel, CSS veya Sass, görseller, HtmlWebpackPlugin, geliştirme sunucusu ve npm install satırı.

Kurgusal telefon numarası oluşturucu

Beş ülkede resmen ayrılmış aralıklardan 50 adede kadar kurgusal numara üretin.

Tamamlayıcı Renk Bulucusu

Her girdi için tamamlayıcı renk belirleyin. HSL açısından tersi renk, bölünmüş tamamlayıcı çifti ve erişilebilir kombinasyonlar için öneriler geri verir.

Dosya Boyutu Dönüştürücü

Bayt, KB, MB, GB, TB ve ikili IEC birimleri (KiB, MiB, GiB, TiB) arasında, ondalık ve ikiliyi dilediğiniz gibi birleştirerek dönüşüm yapın.

Telefon numarası doğrulayıcı

Telefon numarasının ülkeye göre yapısını denetleyin; bölge, tür, E.164, uluslararası, ulusal ve RFC 3966 biçimlerini görün.

Araç diğer dillerde mevcuttur