Giriş

Çıkış

HTML formatter nedir?

Bir HTML formatter, dağınık, küçültülmüş veya kötü girintilenmiş HTML kodunu alır ve temiz, doğru girintilenmiş koda dönüştürür. Bir parça veya tam sayfa üzerinde çalışıyor olsanız da, formatter tutarlı girintileme ekler, açılış ve kapanış etiketlerini hizalar ve belge yapısını görünür kılar.

İyi biçimlendirilmiş HTML'i okumak, hata ayıklamak ve sürdürmek daha kolaydır. Formatter, HTML standart kurallarına uyar: doğru eleman iç içe geçme, <br>, <img> ve <input> gibi boş elemanların işlenmesi ve <pre>, <script> ve <style> bloklarındaki içeriğin korunması.

Her şey tarayıcınızda çalışır. Sunucuya yükleme yok, veri kaydı yok. HTML'inizi yapıştırın, biçimlendirilmiş çıktıyı alın ve kopyalayın veya indirin. Kodunuz gizli kalır.

HTML formatter nasıl kullanılır

HTML'inizi güzelleştirmek için bu üç adımı izleyin.

Yapıştır, yükle veya örnek yükle

HTML'inizi sol Giriş paneline yapıştırın veya bir .html, .htm veya .txt dosyası yüklemek için Yükle'ye tıklayın. Örnek dağınık HTML'i görmek için Örnek'e tıklayın.

<div class="wrapper"><h1>Merhaba</h1><p>Dünya</p><ul><li>Madde 1</li><li>Madde 2</li></ul></div>

Formatter her türlü HTML'i işler: tam belgeler, kısmi parçalar veya tekil elemanlar.

Biçimlendirilmiş çıktıyı görün

Sağ Çıkış paneli güzelleştirilmiş HTML'i anında gösterir. İç içe geçmiş elemanlar 2 boşluk girintisi alır ve etiket hiyerarşisi netleşir.

Kopyala, indir veya küçült

Panoya kopyalamak için Kopyala'ya tıklayın. .html olarak kaydetmek için İndir'e tıklayın. Kompakt HTML mi gerekiyor? Küçült'e tıklayın.

Bunu ne zaman kullanırsınız

Küçültülmüş HTML'i temizleme

Üretim HTML'i genellikle küçültülmüştür. İncelemeniz veya düzenlemeniz gerektiğinde, bu formatter yapıyı anlamak için doğru girintilemeyi geri yükler.

E-posta şablonlarını biçimlendirme

E-posta HTML'i, derin iç içe geçmiş tablolar ve satır içi stiller nedeniyle kötü şöhretli biçimde dağınıktır. Biçimlendirme, işleme sorunlarını hata ayıklamak için onu yönetilebilir kılar.

CMS çıktısını düzenleme

İçerik yönetim sistemleri genellikle şişirilmiş, kötü biçimlendirilmiş HTML üretir. İçeriği düzenlemeden veya taşımadan önce temizlemek için formatter'dan geçirin.

Takım kodunu standartlaştırma

Birden fazla geliştirici HTML katkısında bulunduğunda, biçimlendirme stilleri değişir. Projede tutarlı girintileme ve yapı uygulamak için bu aracı kullanın.

Sıkça sorulan sorular

Formatter HTML yapımı değiştirir mi?

Hayır. Yalnızca boşluk ve girintilemeyi ayarlar. HTML elemanlarını, nitelikleri veya içeriği eklemez, kaldırmaz veya yeniden sıralamaz.

Boş elemanlar nasıl işlenir?

<br>, <hr>, <img> ve <input> gibi boş elemanlar kendi kendine kapanan olarak tanınır ve kendi satırlarına yerleştirilir.

HTML verilerim kaydediliyor mu?

Hayır. Tüm biçimlendirme JavaScript kullanılarak tarayıcıda gerçekleşir. HTML'iniz hiçbir zaman bilgisayarı terk etmez.

Hangi girintileme kullanılır?

HTML için en yaygın kural olan girinti düzeyi başına 2 boşluk.

Script ve style etiketlerindeki içerik korunur mu?

Evet. <pre>, <script>, <style> ve <textarea> etiketlerindeki içerik tam olarak korunur.

Kısmi HTML parçalarını biçimlendirebilir miyim?

Kesinlikle. Tam bir HTML belgesi gerekmez. Formatter herhangi bir HTML parçasıyla çalışır.

İlgili HTML ve biçimlendirme araçları

Biçimlendirme, HTML ile çalışmanın yalnızca bir parçasıdır. İşte diğer tamamlayıcı araçlar:

HTML Formatter