Harddwr a Meinwr HTML am ddim
Argraffu neu feinio HTML yn dlws gydag indentiad nythu priodol. Yn cadw cynnwys y tu mewn i flociau <pre>, <script>, <style>.
Gollyngwch ffeil yma, neu cliciwch i bori
HTML, HTM · wedi'i brosesu ar eich dyfais
neu pwyswch Ctrl+V i ludo o'ch clipfwrdd
Bydd yr allbwn yn ymddangos yma…Defnyddiau cyffredin
- Datbygu HTML a Gynhyrchwyd gan WeinyddwraigGweld allbwn HTML heb ei ddisgyblaeth o'ch gweinyddwraig (PHP, Rails, Django, Node) mewn fformat mewntynnu darllenadwy.
- Fformatio Templedi HTML E-bostMae HTML e-bost yn frith (tablau, arddull allinol). Fformatiowch i'w gwneud yn olygu ac yn gynaliadwy.
- Fformatio Tudalennau HTML StatigMae ffeiliau HTML statig a olydir â llaw yn elwa o fformatio cyson ar gyfer golygu cydweithredol.
- Glanhau HTML a Allforiwyd gan CMSMae WordPress, Wix, Squarespace yn allgludo HTML gyda llawer o artifacts. Fformatiowch i'w gwneud yn olygu.
- Minify HTML ar gyfer CynhyrchiadLleihau maint ffeil HTML ar gyfer llwytho tudalen gyflymach trwy dynnu gofod wyn a chymeriadau diangen.
Sut Mae'n Gweithio
Mae'r offeryn hwn yn fformatio neu'n cywasgu HTML gan ddefnyddio tocynnwr sy'n ymwybodol o dagiau wedi'i ysgrifennu â llaw wedi'i adeiladu'n uniongyrchol yn y dudalen — dim llyfrgell fformatio trydydd parti, dim taith gron gweinydd. Mae pob nod o'ch marciad yn cael ei brosesu'n lleol yn y porwr yr eiliad rydych chi'n teipio neu'n gludo.
- 1Mae tocynnwr yn sganio'r marciadMae sganiwr personol nod-wrth-nod yn cerdded y llinyn HTML, gan adnabod sylwadau, datganiadau DOCTYPE, tagiau agoriadol, tagiau cau, elfennau gwag hunan-gau (br, img, input, ac ati), a nodau testun amrwd. Mae cynorthwyydd pwrpasol yn olrhain gwerthoedd priodwedd mewn dyfynnodau fel na fydd nodau fel > y tu mewn i briodwedd (e.e. value="a>b") byth yn achosi i dag hollti'n gynnar.
- 2Olrheinir dyfnder odiad fesul tagAr gyfer modd prydferthu, mae'r tocynnwr yn cynnal cownter dyfnder. Mae tagiau agoriadol lefel-bloc yn cynyddu dyfnder; mae tagiau cau'n ei leihau cyn iddynt gael eu hysgrifennu. Mae elfennau mewn-lein (span, a, strong, em, ac ati) yn cael eu cadw ar yr un llinell â'u cynnwys yn hytrach na'u gwthio i'w llinell odiedig eu hunain. Mae gan dagiau fel pre, script, style, a textarea eu cynnwys mewnol yn cael eu hallyrru'n llythrennol i osgoi llygru cod sy'n sensitif-i-fylchau-gwyn neu weithredadwy.
- 3Mae'r minifeiddiwr yn cywasgu bylchau gwyn yn ddiogelYn y modd minifeiddio, mae cynnwys blociau pre, script, style, a textarea'n cael eu cyfnewid am wardeiniaid wedi'u rhifo cyn i unrhyw gywasgu bylchau gwyn ddigwydd. Tynnir sylwadau HTML, a thynnir rhediadau bylchau gwyn rhwng tagiau — ac eithrio rhwng elfennau mewn-lein cyfagos, lle cedwir un bwlch fel na fydd geiriau'n asio â'i gilydd. Yna adferir cadwerau wardeinaidd i'w cynnwys gwreiddiol.
- 4Dangosir allbwn ac fe'i cedwir yn ddewisolMae'r canlyniad wedi'i fformatio neu ei finifeiddio'n ymddangos yn fyw yn y panel allbwn ochr yn ochr â chanran newid-maint. Gallwch ei gopïo i'r clipfwrdd neu ei lawrlwytho fel ffeil .html, y cyfan heb adael y porwr.
Offer Cysylltiedig
Harddwr CSS
Fformatiwch CSS wedi’i leihau gyda mewnoliad cyson, neu leihewch ef. Trefnu priodweddau yn nhrefn yr wyddor yn ddewisol i gael gwahaniaethau rhagweladwy.
Meinwr a Harddwr CSS
Meiniwch CSS i leihau maint ffeil neu harddwch CSS wedi'i feinio ar gyfer darllenadwyedd. Ar unwaith, yn eich porwr.
Fformatwr a Dilyswr XML
Argraffu a dilysu XML yn dlws gan ddefnyddio parswr DOM brodorol eich porwr. Yn cynnwys allbwn meiniach ar gyfer defnydd cynhyrchu.