Gera HTML læsilegt á netinu
Breyttu þjöppuðum frumkóða síðu í læsilega merkingu. Tög fá inndrátt eftir hreiðrun, eigindi eru sett fram skýrt og innfelldar skriftur og stílar eru sniðin með skjalinu.
Hvers vegna frumkóði síðu lítur svona út
HTML-þjöppunartól fella saman bil milli taga, fjarlægja athugasemdir, sleppa valfrjálsum lokatögum og taka gæsalappir utan af eigindagildum þar sem þeirra er ekki þörf. Sniðmát á netþjóni bæta við flækjustiginu því síða sem er sett saman úr tugum brota berst sem einn straumur sem sýnir ekki tengslin við upprunaskrárnar. Opnaðu frumkóða nánast hvaða vefs sem er í rekstri og þú finnur nokkrar risastórar línur. Að finna lokatag kafla verður þá handavinna við að telja oddklofa.
Uppbyggingin skiptir öllu máli
HTML er tré og tré er erfitt að lesa þegar það er flatt út. Inndráttur eftir hreiðrun sýnir strax lögun skjalsins: hvar hausinn endar, hvaða gámur umlykur meginefnið, hversu djúpt íhlutur situr og hvaða stak vantar lokatag. Þess vegna er sniðinn frumkóði gagnlegur til að athuga röð fyrirsagna, skoða merkingu sem forritarammi hefur búið til eða skilja hvernig annar vefur byggir upp hluta sem þú vilt kynna þér.
Innfelldar skriftur og stílar fá líka snið
Raunveruleg síða inniheldur sjaldan eingöngu merkingu. Greiningarskriftur, skipulögð JSON-LD-gögn, stillingahlutir og nauðsynlegt CSS eru innfelld beint í skjalið og þjöppunartólið þjappar því efni líka. Sniðillinn notar viðeigandi þáttara á hverja innfellda blokk. script-tag með þjöppuðu JavaScript skilar læsilegu JavaScript og style-tag skilar læsilegu CSS, allt inni í skjali sem fær réttan inndrátt.
Tög þar sem bil skipta máli eru virt
Inndráttur í HTML breytir bilum milli taga og bil geta haft merkingu. Sniðillinn tekur mið af því: innihald pre og textarea er látið óbreytt og línustök eru ekki brotin þannig að sýnileg bil bætist við eða hverfi í kringum texta. Þú færð læsilegra skjal án þess að markmiðið sé að breyta birtingu síðunnar. Farðu samt yfir niðurstöðuna áður en þú notar hana í eigin verkefni.
Algengar spurningar
Get ég límt inn allan frumkóða síðu?
Já. Afritaðu frumkóðann úr vafranum með view-source eða vistaðu síðuna og opnaðu skrána. Allt skjalið verður sniðið, þar á meðal head, body, innfelldar skriftur og skipulögð gögn.
Breytir sniðunin birtingu síðunnar?
Hún ætti ekki að gera það. Innihald staka þar sem bil skipta máli, svo sem pre og textarea, er varðveitt og farið er varlega með línuefni. Sníddu samt afrit til aflestrar og prófaðu niðurstöðuna áður en þú setur hana aftur í rekstur.
Virkar þetta á sniðmát eins og Twig eða Blade?
Að hluta. Venjuleg merking fær rétt snið en sniðmátstög með eigin málskipan geta ruglað HTML-þáttarann. Tólið er hannað fyrir HTML sem vafrinn fær í raun en ekki sniðmátið sem bjó það til.