HTML-sniðari

Hvernig á að forsníða HTML

1. Límdu HTML-ið þitt eða smelltu á Opna skrá til að hlaða inn .html- eða .htm-skrá (allt að 10 MB).
2. Veldu Inndráttur (2 bil, 4 bil eða tabulator) og hvort línur eigi að Brjóta línur við 80 eða 120 stafi.
3. Hakaðu við Draga inn og ef þú vilt hafa þau inndregin innan <html>, og Fjarlægja athugasemdir til að sleppa <!-- … -->-athugasemdum.
4. Smelltu á Forsníða (fegra) fyrir læsilegan kóða, eða Smækka fyrir minnstu öruggu útgáfuna.
5. Afritaðu niðurstöðuna eða sæktu hana. Stöðulínan sýnir stærðina fyrir og eftir.

Niðurstaðan er sýnd sem hreinn texti í úttaksreitnum. HTML-ið þitt er aldrei teiknað eða keyrt á þessari síðu, svo skriftur í kóðanum sem þú límir inn geta ekkert gert.

Fegrun: læsilegt HTML með samræmdum inndrætti

Forsníða (fegra) notar js-beautify, sniðarann á bak við marga kóðaritla:

• blokkarþættir fara á sínar eigin línur, inndregnir eftir dýpt hreiðrunar, en línuþættir eins og <a>, <b> eða <span> haldast innan textans;
• innihald <script> og <style> er sniðið sem JavaScript og CSS;
• <pre> og <textarea> eru látin vera nákvæmlega eins og þau voru skrifuð, því bil þeirra eru sýnileg;
• raðir af auðum línum eru styttar í eina;
• með línubrotsbreidd eru langar textalínur og langir eigindalistar brotnir.

Fegrun lagar ekki bilaða álagningu: ólokað <div> helst ólokað og inndrátturinn sem fylgir sýnir hvar vandamálið er.

Smækkun: minna HTML án þess að breyta síðunni

Smækka notar viljandi varfærna nálgun:

• raðir af bilum, tabulatorum og línuskilum í texta verða eitt bil, rétt eins og vafrinn sýnir þær;
• bil við hlið blokkarþátta og haus-þátta (<div>, <p>, <li>, <td>, <meta>, <br>…) eru fjarlægð, því þau eru aldrei teiknuð;
• eitt bil milli línuþátta er varðveitt, svo <b>big</b> <i>world</i> verður ekki „bigworld“;
• athugasemdir eru fjarlægðar þegar Fjarlægja athugasemdir er hakað, nema skilyrtar athugasemdir (<!--[if IE]>) og athugasemdir sem byrja á <!--!;
• innihald <script>, <style>, <pre> og <textarea> er aldrei snert og eigindagildi haldast nákvæmlega, þar á meðal gæsalappir.

Það fjarlægir ekki valkvæð lokamerki, endurskrifar ekki eigindi og þjappar ekki innfelldu JavaScript og CSS: þessar hagræðingar spara aðeins meira en geta bilað síður. Fyrir flestar síður sparar HTTP-þjöppun (gzip eða Brotli) mun meira en nokkur smækkari, svo smækkun nýtist helst fyrir HTML í tölvupósti, sniðmátum eða JavaScript-strengjum.