HTML գեղեցկացուցիչ ու կրճատիչ անվճար
Գեղեցկացրեք կամ կրճատեք HTML-ն ճիշտ բույն ներդաշնակությամբ: Պահում է <pre>, <script>, <style> բլոկների ներսի բովանդակությունը:
Գցեք ֆայլն այստեղ կամ սեղմեք՝ ընտրելու համար
HTML, HTM · մշակվում է ձեր սարքում
կամ սեղմեք Ctrl+V՝ սեղմատախտակից տեղադրելու համար
Ելքը կհայտնվի այստեղ…Տարածված կիրառություններ
- Debug Կրտկ-արտածել HTMLՏեսնել հաց HTML վերած կրտկ (PHP, Rails, Django, Node) հստակ նահ կազմ:
- Ձևաչափել Ծանուցում HTML ԿաղապարԾանուցում HTML վերբալ (կաղ, ներ արտածել): Ձևաչափել մեջ խմբ և պահ:
- Ձևաչափել ստատ HTML ԷջՁեռքի խմբ ստատ HTML ֆայլ չ հաց կազմ կազմ համար սկ խմբ խմբ:
- Մաքրել CMS-արտածել HTMLWordPress, Wix, Squarespace արտածել HTML շատ արտա: Ձևաչափել խմբ համար:
- Minify HTML գործ համարՆվազել HTML ֆայլ չ ավելի պետ կազմ դրամ հեռացնել ցրել շինարար այդ համար:
Ինչպես է այն աշխատում
Այս գործիքը ձևաչափում կամ սեղմում է HTML՝ օգտագործելով ձեռագիր պիտակ-զգայուն նշանագրիչ, կառուցված ուղղակիորեն էջում — ոչ մի երրորդ կողմի ձևաչափման գրադարան, ոչ մի սերվերային ուղևորություն։ Ձեր նշագրման ամեն նիշ մշակվում է տեղում՝ ձեր դիտարկիչում, հենց մուտքագրելուն կամ փակցնելուն պես։
- 1Նշանագրիչը սկանավորում է նշագրումըՀատուկ նիշ-առ-նիշ սկաներն անցնում է HTML տողի միջով՝ հայտնաբերելով մեկնաբանություններ, DOCTYPE հայտարարություններ, բացող պիտակներ, փակող պիտակներ, ինքն-փակվող դատարկ տարրեր (br, img, input և այլն), և հում տեքստային հանգույցներ։ Հատուկ օգնական հետևում է չակերտավորված հատկանիշների արժեքներին, որպեսզի > նման նիշերը հատկանիշի ներսում (օր.՝ value='a>b') երբեք չառաջացնեն պիտակի վաղաժամ բաժանում։
- 2Նահանջի խորությունը հետևվում է ըստ պիտակիԳեղեցկացման ռեժիմի համար նշանագրիչը պահում է խորության հաշվիչ։ Բլոկ-մակարդակի բացող պիտակներն ավելացնում են խորությունը. փակող պիտակները նվազեցնում են այն մինչև գրվելը։ Ներգծված տարրերը (span, a, strong, em և այլն) պահվում են իրենց բովանդակության հետ նույն տողում, ոչ թե մղվում սեփական նահանջված տողի։ pre, script, style և textarea նման պիտակների ներքին բովանդակությունը արտադրվում է բառացի՝ բացատ-զգայուն կամ գործարկելի կոդը չխաթարելու համար։
- 3Մինիֆիկատորը բացատներն անվտանգորեն սեղմում էՄինիֆիկացման ռեժիմում pre, script, style և textarea բլոկների բովանդակությունը փոխարինվում է համարակալված նշիչներով՝ մինչև ցանկացած բացատի սեղմումը։ HTML մեկնաբանությունները հեռացվում են, և պիտակների միջև բացատների հաջորդականությունները հեռացվում են — բացառությամբ հարակից ներգծված տարրերի միջև, որտեղ մեկ բացատ է պահվում, որպեսզի բառերը չմիաձուլվեն։ Նշիչ-պահեստապահերն ապա վերականգնվում են իրենց սկզբնական բովանդակությանը։
- 4Ելքը ցուցադրվում և ընտրովի պահվում էՁևաչափված կամ մինիֆիկացված արդյունքը հայտնվում է կենդանի ելքի վահանակում՝ չափի-փոփոխության տոկոսի հետ միասին։ Կարող եք պատճենել այն սեղմատախտակին կամ ներբեռնել որպես .html ֆայլ, ամեն ինչ առանց դիտարկիչից հեռանալու։
Առնչվող գործիքներ
CSS գեղեցկացուցիչ
Դասավորեք սեղմված CSS-ը միասնական ներքաշումներով կամ սեղմեք այն։ Հատկությունների այբբենական տեսակավորումը ընտրովի է և ավելի կանխատեսելի տարբերություններ է տալիս։
CSS մինիֆայեր և գեղեցկացուցիչ
Կրճատեք CSS-ն՝ ֆայլի չափը նվազեցնելու կամ կրճատված CSS-ն ընթեռնելիության համար գեղեցկացնելու: Ակնթարթային, ձեր բրաուզերում:
XML ձևաչափիչ ու ստուգիչ
Գեղեցկացրեք ու ստուգեք XML-ն ձեր բրաուզերի բնիկ DOM վերլուծիչ: Ներառում է կրճատված ելք արտադրական օգտագործման: