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.
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
Çı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.
- 1Nişanlayıcı işarələməni skan edirFə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.
- 2Girinti dərinliyi hər etiket üçün izlənilirGö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.
- 3Kiçildici boşluğu təhlükəsizcə sıxırKiç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Çıxış göstərilir və isteğe bağlı olaraq saxlanılırFormatlanmış 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
CSS Gözəlləşdiricisi
Sıxılmış CSS-i ardıcıl girintilərlə səliqəyə salın və ya sıxın. Proqnozlaşdırıla bilən fərqlər üçün xassələrin istəyə bağlı əlifba sırası.
CSS Minifikator və Gözəlləşdiricisi
Fayl ölçüsünü azaltmaq üçün CSS-i minifikasiya edin və ya oxunuş üçün minifikasiya edilmiş CSS-i gözəlləşdirin. Ani, brauzerinizdə.
XML Formatlayıcı və Doğrulayıcısı
Brauzerinizin yerli DOM parseri istifadə edərək XML-i gözəl çap edin və doğrulayın. İstehsal istifadəsi üçün minifikasiya edilmiş çıxış daxildir.