Bu formatter okunabilir yapıya odaklanır. İç içe elementleri doğru derinliğe yerleştirirken attribute'ları, comment'leri, bildirimleri ve metin içeriğini görünür tutar. Comment'leri kaldırmaz veya dosyayı sıkıştırmaz, bu yüzden HTML minifier ile aynı işi yapmaz. Markup yerel olarak işlenir ve hiçbir zaman yüklenmez.
Ücretsiz HTML Formatter
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
HTML
Formatlanmış HTML
Formatlamak için HTML yapıştırın
HTML Formatter ne yapar?
HTML Formatter, sıkışık veya düzensiz girintili markup içeriğini okunabilir ve tutarlı biçimde girintilenmiş HTML'e dönüştürür. Bir belge ya da parça yapıştırın, iki boşluk, dört boşluk veya tab seçin ve sonucu kopyalayın. HTML5 void elementlerini, yaygın isteğe bağlı kapanış tag'lerini ve script ya da style içindeki raw text içeriğini tarayıcınızda doğru şekilde ele alır.
Nasıl kullanılır
- 1HTML yapıştırın. Tam bir HTML belgesini, template'i veya parçayı giriş editörüne ekleyin ya da örneği yükleyin.
- 2Girintiyi seçin. İki boşluk, dört boşluk veya tab seçin. Formatlanmış çıktı anında güncellenir.
- 3Yapıyı kontrol edin. Element, attribute ve derinlik sayılarına bakın, ardından girintili sonucu inceleyin.
- 4Sonucu kopyalayın. Formatlanmış HTML'i kopyalayıp editörünüze, CMS'e veya code review alanına yapıştırın.
Kimler için
- Frontend geliştiriciler, bir nesting sorununu ayıklamadan veya diff incelemeden önce sıkışık template'i düzenlerken.
- E-posta geliştiricileri, özel kampanya HTML'ini sunucuya göndermeden dışa aktarılan bülten markup'ını daha kolay okunur hale getirirken.
- CMS editörleri, class, bağlantı veya içerik değiştirmeden önce kopyalanmış bir component ya da sayfa parçasını düzenlerken.
- Öğrenciler, tutarlı girintiler sayesinde gerçek bir HTML belgesindeki parent ve child yapısını incelerken.
Sık sorulan sorular
HTML Formatter ücretsiz mi?
Evet. HTML Formatter kayıt, indirme veya kullanım sınırı olmadan ücretsizdir. Bir HTML belgesi ya da parçası yapıştırın, girinti stilini seçin ve formatlanmış sonucu doğrudan tarayıcıdan kopyalayın.
HTML içeriğim bir yere yükleniyor mu?
Hayır. Formatlama tarayıcıda yerel olarak yapılır. Yapıştırdığınız HTML sunucuya gönderilmez. Bu nedenle dahili template'ler, yayımlanmamış landing page'ler, e-posta markup'ı ve özel URL veya kimlik içeren snippet'ler için uygundur.
Ne kadar HTML formatlayabilirim?
Hiçbir içerik yüklenmediği için sunucu tarafında sabit bir sınır yoktur. Çok büyük belgeler tarayıcı ve cihaz belleğine bağlıdır, ancak normal sayfalar, component'ler, e-posta template'leri ve kopyalanan source parçaları hızlı biçimde işlenir.
Kapanış tag'i olmayan elementleri destekler mi?
Evet. Kapanış tag'i gerektirmeyen img, br, input, meta ve link gibi HTML5 void elementlerini tanır. Liste öğeleri, paragraflar, option'lar, tablo satırları ve hücreleri için isteğe bağlı bitiş tag'lerini de girinti hesabına katar.
Script ve style içeriği değiştirilir mi?
Formatter, script ve style gövdelerini raw text olarak ele alır. Karşılaştırma operatörlerini, CSS seçicilerini ve küçüktür işareti içeren string'leri HTML tag'i sanmaz. Blok girintisini ayarlar ancak JavaScript veya CSS kodunu yeniden yazmaz.
Bu araç geçersiz HTML'i doğrular veya onarır mı?
Hayır. Bu bir formatter'dır, standart validator veya otomatik onarım hizmeti değildir. Açıkça kapatılmamış comment, bildirim, tag ve raw-text elementlerini bildirir, HTML'in izin verdiği isteğe bağlı kapanış tag'lerini ise kabul eder. Standart uygunluğu için Nu HTML Checker kullanın.
HTML Formatter ile minifier arasındaki fark nedir?
Formatter, markup'ın okunup düzenlenebilmesi için satır sonları ve girintiler ekler. Minifier aktarım boyutunu azaltmak için isteğe bağlı boşlukları kaldırır ve comment'leri silebilir. Bu sayfa yalnızca HTML'i formatlar, comment'leri ve görünür içeriği bilerek korur.