Əsas məzmuna keç

Pulsuz HTML Gözəlləşdiricisi və Minifikatoru

HTML-i düzgün yuvalama girintisi ilə gözəl çap edin və ya minifikasiya edin. <pre>, <script>, <style> blokları daxilindəki məzmunu qoruyur.

Bir dəfə yükləndikdən sonra oflayn işləyir

Faylı bura buraxın və ya seçmək üçün klikləyin

HTML, HTM · cihazınızda emal edilir

və ya mübadilə buferindən yapışdırmaq üçün Ctrl+V basın

Fayllara baxın
Gözəlləşdirilmiş HTML
Çıxış burada görünəcək…

Ümumi istifadələr

  • Sazlama Server-Rendered HTMLServeri (PHP, Rails, Django, Node) oxunaqlı girinti formatında çıxış HTML görün.
  • E-Mail HTML Şablonlarını FormatıE-mail HTML ətraflı (masalar, satır içi stil). Redaktə edilə və davamlı edə tək formatı.
  • Statik HTML Səhifələrini FormatıƏl ilə redaktə edilən statik HTML faylları əməkdaşlıqlı redaksiyaya ardıcıl formatdan yararlanır.
  • CMS-Ixrac HTML TəmizləyinWordPress, Wix, Squarespace çox artifacts ilə HTML ixrac. Redaktə edilə tək formatı.
  • Üretim üçün HTML KiçiltBoşluq və lazımsız simvolları çıxarınaraq daha tez səhifə yükləmə üçün HTML fayl ölçüsünü azaldın.

Necə İşləyir

Bu alət HTML-i birbaşa səhifəyə qurulmuş əl ilə yazılmış bir taq-uyğun nişanlayıcı istifadə edərək formatlayır və ya sıxışdırır — üçüncü tərəf formatlama kitabxanası yoxdur, server gediş-gəlişi yoxdur. İşarələmənizin hər simvolu onu yazdığınız və ya yapışdırdığınız an lokal olaraq brauzerdə işlənir.

  1. 1
    Nişanlayıcı işarələməni skan edir
    Fərdi bir simvol-simvol skaner HTML sətrində gəzir, şərhləri, DOCTYPE bəyanatlarını, açılış etiketlərini, bağlanış etiketlərini, öz-özünə-bağlanan boş elementləri (br, img, input və s.) və xam mətn qovşaqlarını müəyyən edir. Xüsusi bir köməkçi dırnaqlanmış atribut dəyərlərini izləyir, ona görə bir atribut daxilindəki > kimi simvollar (məsələn, value="a>b") heç vaxt bir etiketin erkən bölünməsinə səbəb olmur.
  2. 2
    Girinti dərinliyi hər etiket üçün izlənilir
    Gözəlləşdirmə rejimi üçün, nişanlayıcı bir dərinlik sayğacı saxlayır. Blok-səviyyəli açılış etiketləri dərinliyi artırır; bağlanış etiketləri isə yazılmadan əvvəl azaldır. İnline elementlər (span, a, strong, em və s.) öz girintili sətrinə itələnmək əvəzinə məzmunları ilə eyni sətirdə saxlanılır. pre, script, style və textarea kimi etiketlər boşluğa-həssas və ya icra edilə bilən kodu pozmamaq üçün öz daxili məzmununu sözbəsöz çıxarır.
  3. 3
    Kiçildici boşluğu təhlükəsizcə sıxır
    Kiçildilmə rejimində, pre, script, style və textarea bloklarının məzmunu hər hansı boşluq sıxılması olmadan əvvəl nömrələnmiş sentinellərlə əvəz edilir. HTML şərhləri çıxarılır, etiketlər arasındakı boşluq ardıcıllıqları isə çıxarılır — bitişik inline elementlər arasında istisna olmaqla, orada sözlərin bir-birinə qarışmaması üçün tək bir boşluq saxlanılır. Sentinel yerdəyişdiricilər sonra öz orijinal məzmunlarına bərpa edilir.
  4. 4
    Çıxış göstərilir və isteğe bağlı olaraq saxlanılır
    Formatlanmış və ya kiçildilmiş nəticə ölçü-dəyişikliyi faizi ilə birlikdə çıxış panelində canlı görünür. Onu brauzeri tərk etmədən mübadilə buferinə kopyalaya, ya da .html faylı kimi endirə bilərsiniz.

Əlaqəli Alətlər

Tez-tez Verilən Suallar