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.
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
Ú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.
- 1Tá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.
- 2Inndráttardýpt er fylgst með per tagFyrir 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.
- 3Minifier 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Ú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
CSS-fegurð
Snyrtu samþjappað CSS með samræmdum inndrætti, eða þjappaðu það. Valfrjáls stafrófsröðun eiginda gerir mismun fyrirsjáanlegri.
CSS-þjöppun og -fegurð
Þjappðu CSS til að minnka skrárstærð eða fegðu þjappaðan CSS til að auka læsileika. Augnabliksleg, í vafranum þínum.
XML-forsniðsmyndun og -staðfesting
Fáðu XML lagðan falt og staðfestum hann með innbyggðum DOM-þáttara vafrans. Inniheldur þjappað úttak til framleiðslunotkunar.