Neidio i'r prif gynnwys

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>.

Yn gweithio all-lein ar ôl llwytho

Gollyngwch ffeil yma, neu cliciwch i bori

HTML, HTM · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau
HTML wedi'i harddu
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.

  1. 1
    Mae tocynnwr yn sganio'r marciad
    Mae 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.
  2. 2
    Olrheinir dyfnder odiad fesul tag
    Ar 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.
  3. 3
    Mae'r minifeiddiwr yn cywasgu bylchau gwyn yn ddiogel
    Yn 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.
  4. 4
    Dangosir allbwn ac fe'i cedwir yn ddewisol
    Mae'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

Cwestiynau Cyffredin