DevTools

HTML Biçimlendirici

Ali Hub DevTools içinde HTML Biçimlendirici aracını açık doğrulama, sonuçlar, gizlilik bilgileri ve belgelenen sınırlarla kullanın.

Birincil girdi

Depolama yalnızca araç tarayıcıda yerel, sürümlü, kapsamı sınırlı, temizlenebilir ve hassas olmayan verileri açıkça tanımladığında kullanılır.

Bu aracı yükle

Hızlı erişim için bu aracı cihazınıza ekleyin.

HTML Biçimlendirici

Elementleri, öznitelikleri, metni, yorumları ve belge yapısını koruyarak HTMLyi okunabilir biçimde düzenleyin.

Make HTML structure easier to inspect

Sıkıştırılmış HTML iç içe yapıyı, öznitelikleri, metni ve yorumları tek satırda gizleyebilir. Araç okunabilir bir düzen gösterir.

Biçimlendirme yalnız sunumu değiştirir; geçerlilik, erişilebilirlik, güvenlik veya tarayıcı uyumluluğu kanıtlamaz. Kaynak ve diffi saklayın.

İç içe elemanlar, öznitelikler, metin, yorum ve entity içeren örnek kullanın ve gereken kontrolleri çalıştırın.

Formatting is not HTML validation

HTML; element, öznitelik, metin, yorum ve bildirim ağacıdır. Girinti ebeveyn ilişkilerini ve kapanış taglerini gösterir.

Formatter boşluğu düzenler ancak standart, erişilebilirlik, güvenlik, template kuralları veya çalışma davranışını doğrulamaz.

Tarayıcı hatalı markupı farklı kurtarabilir; void element, opsiyonel tag, script, style ve entityleri hedef araçta kontrol edin.

How to format HTML

  1. Tam HTML belgesi veya desteklenen fragment girin.
  2. İç içe yapı, tag, öznitelik, metin, yorum, script ve styleı inceleyin.
  3. Değer, entity, metin ve sırayı kaynakla karşılaştırın.
  4. HTML, erişilebilirlik, template ve tarayıcı testlerini çalıştırın.
  5. Örneklerden kimlik bilgileri ve kişisel verileri çıkarın.

Formatting method

  • Element, öznitelik, metin,

    Element, öznitelik, metin, yorum, bildirim ve gömülü alanları okur.

  • İç içe yapı

    İç içe yapı ve kardeş sırasını göstermek için satır ve girinti ekler.

  • Kaynağın değerlerini, metnini,

    Kaynağın değerlerini, metnini, yorumlarını, entitylerini, script ve stylelarını korur.

Parser kurtarma, opsiyonel tagler, boşluk, gömülü diller ve hata metinleri canlı motorda doğrulanmalıdır.

Read the formatted result

Başarılı sonuç verilen HTMLnin okunabilir düzenidir. Yapı, öznitelik, metin, yorum, entity ve scripti kaynakla eşleştirin.

Hata tarayıcı kurtarmasını veya kesin parser mesajını kanıtlamaz.

Validator, erişilebilirlik veya build sorunu ayrı bir sözleşmedir; biçimlendirme anlam veya güvenlik eklemez.

Yaygın hatalar

Girintiyi HTML doğrulaması sanmak eksik öznitelikleri, yanlış iç içeliği veya erişilebilirlik sorunlarını gizleyebilir.

Entity, öznitelik veya boşluğa duyarlı metni değiştirmek davranışı bozar.

Tarayıcı kurtarmasının formatter çıktısıyla aynı olduğunu varsaymayın.

Özel template, token veya kullanıcı verisini örneğe koymayın.

Sınırlar ve özel durumlar

Bu özellik HTML sunumunu biçimlendirir; standart, erişilebilirlik, güvenlik, uyumluluk, template veya minify garantisi vermez.

Opsiyonel tag, void element, CSS, JavaScript, entity ve büyük belgeleri hedef araçta test edin.

Politika izin vermiyorsa gizli üretim markupı girmeyin.

Examples

Biçimlendirme HTMLyi doğrular mı?

Biçimlendirme HTMLyi doğrular mı?

Tam HTML belgesi veya desteklenen fragment girin.

Başarılı sonuç verilen HTMLnin okunabilir düzenidir. Yapı, öznitelik, metin, yorum, entity ve scripti kaynakla eşleştirin.

Sayfa davranışı değişir mi?

Sayfa davranışı değişir mi?

İç içe yapı, tag, öznitelik, metin, yorum, script ve styleı inceleyin.

Hata tarayıcı kurtarmasını veya kesin parser mesajını kanıtlamaz.

Öznitelikler korunur mu?

Öznitelikler korunur mu?

Değer, entity, metin ve sırayı kaynakla karşılaştırın.

Validator, erişilebilirlik veya build sorunu ayrı bir sözleşmedir; biçimlendirme anlam veya güvenlik eklemez.

Yorumlar korunur mu?

Yorumlar korunur mu?

HTML, erişilebilirlik, template ve tarayıcı testlerini çalıştırın.

Başarılı sonuç verilen HTMLnin okunabilir düzenidir. Yapı, öznitelik, metin, yorum, entity ve scripti kaynakla eşleştirin.

Fragment biçimlendirilebilir mi?

Fragment biçimlendirilebilir mi?

Örneklerden kimlik bilgileri ve kişisel verileri çıkarın.

Hata tarayıcı kurtarmasını veya kesin parser mesajını kanıtlamaz.

Erişilebilirlik iyileşir mi?

Erişilebilirlik iyileşir mi?

Tam HTML belgesi veya desteklenen fragment girin.

Validator, erişilebilirlik veya build sorunu ayrı bir sözleşmedir; biçimlendirme anlam veya güvenlik eklemez.

Frequently asked questions

Biçimlendirme HTMLyi doğrular mı?

Hayır. HTML validator, erişilebilirlik, tarayıcı ve template testlerini kullanın.

Sayfa davranışı değişir mi?

Desteklenen girdide sunum boşluğu değişmelidir; yine de karşılaştırın ve test edin.

Öznitelikler korunur mu?

Örnekler adları ve değerleri korur; URL, class ve idyi diff ile inceleyin.

Yorumlar korunur mu?

Örnekler yorumları korur; kendi girdinizde doğrulayın.

Fragment biçimlendirilebilir mi?

Tam belge veya desteklenen fragment kullanın.

Erişilebilirlik iyileşir mi?

Hayır. Semantik, focus, contrast ve ARIA için ayrı kontroller gerekir.

Hatalı HTML onarılır mı?

Otomatik onarım varsaymayın; kaynağı düzeltip doğrulayın.

Biçimlendirmeden sonra ne yapmalıyım?

Diffi inceleyin, validator ve erişilebilirlik testlerini çalıştırın, hedef tarayıcılarda gösterin.

References