Fara beint í aðalefni
LibraTool logoLibraTool

HTML-fegurð og -þjöppun — ókeypis

Fáðu HTML lagðan falt eða þjappað með réttri hreiðurinndrætti. Varðveitir efni inni í <pre>, <script>, <style> blokkum.

Virkar án nettengingar eftir hleðslu

Slepptu skrá hér eða smelltu til að velja

HTML, HTM · unnið í tækinu þínu

eða ýttu á Ctrl+V til að líma af klippiborði

Skoðaðu skrár
Snyrtilegt HTML
Úttak birtist hér…

Algeng notkun

  • Kemba þjónninn-gefin HTMLSkoðaðu hreint HTML úttúr frá þjónninum þínum (PHP, Rails, Django, Node) í lesnu innfelldu sniði.
  • Forsníðið tölvupóst HTML sniðmátTölvupóst HTML er orðasamt (töflur, innfelldir stílar). Forsníðið til að gera hana breytanlega og viðhalda.
  • Forsníðið kyrrstæðar HTML blaðsíðumHandvirkt breytt kyrrstæðar HTML skrár notið samstæðum forsníðum fyrir samvinnubreytingu.
  • Hreinsaktu CMS-útflutu HTMLWordPress, Wix, Squarespace útflutningur HTML með mörgum gripallingum. Forsníðið til að gera hana breytanlega.
  • Lágmarka HTML fyrir framleiðsluMinnkaðu HTML skrástærð fyrir hraðari vefsíðuhlöðslu með því að stripta hvítum rými og óþarfa stöfum.

Hvernig það virkar

Þetta tól formar eða þjappar HTML með handskrifuðum tag-vituðum táknara byggðum beint í síðuna — ekkert þriðja-aðila mótunarbókasafn, engin netþjónsferð. Sérhver stafur í merkjamáli þínu er unninn staðbundið í vafranum um leið og þú skrifar eða límir hann.

  1. 1
    Táknarinn skannar merkjamálið
    Sérsniðinn staf-fyrir-staf skanni gengur í gegnum HTML-strenginn, greinir athugasemdir, DOCTYPE-yfirlýsingar, opnunartög, lokunartög, sjálf-lokandi void-element (br, img, input, o.s.frv.), og hráa textahnúta. Sérstakur hjálpari fylgist með tilvitnuðum eiginleikagildum svo stafir eins og > inni í eiginleika (t.d. value="a>b") valdi aldrei að tag klofni of snemma.
  2. 2
    Inndráttardýpt er fylgst með per tag
    Fyrir beautify ham viðheldur táknarinn dýptarteljara. Blokk-stigs opnunartög auka dýpt; lokunartög minnka hana áður en þau eru skrifuð. Innlínu-element (span, a, strong, em, o.s.frv.) eru haldin á sömu línu og innihald þeirra frekar en ýtt á eigin inndregna línu. Tög eins og pre, script, style, og textarea hafa innra innihald sitt gefið út orðrétt til að forðast að skemma bils-næmt eða keyranlegan kóða.
  3. 3
    Minifier fellir bil örugglega
    Í minify ham er innihaldi pre, script, style, og textarea blokka skipt út fyrir númeruð verndarmerki áður en nokkur bilfelling gerist. HTML-athugasemdir eru fjarlægðar, og rásir af bilum milli taga eru fjarlægðar — nema á milli aðliggjandi innlínu-elementa, þar sem eitt bil er varðveitt svo orð renni ekki saman. Verndarmerkja-staðgenglar eru svo endurheimtir í upprunalegt innihald sitt.
  4. 4
    Úttak er sýnt og valfrjálst vistað
    Formaða eða minified niðurstaðan birtist lifandi í úttaksspjaldinu ásamt stærðarbreytingar-prósentu. Þú getur afritað hana á klippiborðið eða sótt hana sem .html skrá, allt án þess að yfirgefa vafrann.

Tengd verkfæri

Algengar spurningar