Ruka hadi maudhui makuu

Kiboresha & Kipunguzi cha HTML bila malipo

Chapisha vizuri au punguza HTML na indentesheni sahihi ya uotaji. Huhifadhi maudhui ndani ya vitalu vya <pre>, <script>, <style>.

Inafanya kazi bila mtandao mara ikishapakia

Dondosha faili hapa, au bofya ili kuchagua

HTML, HTM Β· kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili
HTML iliyopambwa
Matokeo yataonekana hapa…

Matumizi ya kawaida

  • Kukamatia Seva iliyorudishwa HTMLTazama matokeo ya HTML ya kweli kutoka kwa seva yako (PHP, Rails, Django, Node) katika muundo wa upinde imani.
  • Mbuvu Kigezo cha HTMLBarua pepe HTML ni verbose (meza, muundo wa mstari). Mbuvu kuufanya unaosomeka na unaostahiki.
  • Mbuvu Kurasa ya HTML ya StatikiFaili za HTML za statiki zilizoratibiwa kwa mikono inabuni kuwa na muundo thabiti kwa ajili ya kuhariri sambamba.
  • Safisha CMS-Hifadhiwa HTMLWordPress, Wix, Squarespace hifadhi HTML na bidhaa nyingi. Mbuvu kuufanya unaosomeka.
  • Punguza HTML kwa ajili ya UzalishajiPunguza ukubwa wa faili la HTML kwa ajili ya haraka ya kuokoeza kwa kukamatia kwa upinde na herufi isiyo na lazima.

Jinsi Inavyofanya Kazi

Kifaa hiki kinapanga au kubana HTML kwa kutumia kichambuzi kinachotambua lebo kilichoandikwa mwenyewe kilichojengwa moja kwa moja kwenye ukurasa β€” hakuna maktaba ya kupanga ya mtu wa tatu, hakuna mzunguko wa seva. Kila herufi ya msimbo wako inachakatwa ndani ya kivinjari mara unapoandika au kubandika.

  1. 1
    Kichambuzi kinachambua msimbo
    Kichanganuzi maalum cha herufi-kwa-herufi kinapitia mfuatano wa HTML, kikitambua maoni, matamko ya DOCTYPE, lebo za kufungua, lebo za kufunga, vipengele vya void vinavyojifunga (br, img, input, n.k.), na nodi za maandishi ghafi. Kisaidizi maalum kinafuatilia thamani za sifa zenye alama za nukuu ili herufi kama > ndani ya sifa (mfano value="a>b") kamwe zisisababishe lebo kugawanyika mapema.
  2. 2
    Kina cha nafasi kinafuatiliwa kwa kila lebo
    Kwa hali ya beautify, kichambuzi kinaweka kihesabio cha kina. Lebo za kufungua za ngazi ya block zinaongeza kina; lebo za kufunga zinapunguza kabla hazijaandikwa. Vipengele vya inline (span, a, strong, em, n.k.) vinawekwa kwenye mstari ule ule na maudhui yao badala ya kusukumwa kwenye mstari wao wenye nafasi. Lebo kama pre, script, style, na textarea zina maudhui yao ya ndani yakitolewa kihalisi ili kuepuka kuharibu msimbo unaotegemea nafasi tupu au unaotekelezeka.
  3. 3
    Kipunguza kinabana nafasi tupu salama
    Katika hali ya minify, maudhui ya vizuizi vya pre, script, style, na textarea vinabadilishwa na alama za nambari kabla ya kubana kwa nafasi tupu kuanza. Maoni ya HTML yanaondolewa, na mfuatano wa nafasi tupu kati ya lebo unaondolewa β€” isipokuwa kati ya vipengele vya inline vilivyo karibu, ambapo nafasi moja inahifadhiwa ili maneno yasigandane. Alama za sentinel kisha zinarudishwa kwenye maudhui yao ya asili.
  4. 4
    Matokeo yanaonyeshwa na kwa hiari kuhifadhiwa
    Matokeo yaliyopangwa au yaliyopunguzwa yanaonekana moja kwa moja kwenye paneli ya matokeo pamoja na asilimia ya mabadiliko ya ukubwa. Unaweza kuyanakili kwenye clipboard au kuyapakua kama faili la .html, yote bila kuondoka kwenye kivinjari.

Zana Zinazohusiana

Maswali Yanayoulizwa Mara Kwa Mara