HTML formatuotojas

Kaip formatuoti HTML

1. Įklijuok HTML arba spustelėk Atidaryti failą, kad įkeltum .html ar .htm failą (iki 10 MB).
2. Pasirink Įtrauka (2 tarpai, 4 tarpai ar tabuliacija) ir ar Laužti eilutes ties 80 ar 120 simbolių.
3. Pažymėk Įtraukti ir , jei nori juos įtraukti į <html>, ir Šalinti komentarus, kad pašalintum <!-- … --> komentarus.
4. Spustelėk Formatuoti, kad gautum skaitomą kodą, arba Minimizuoti, kad gautum mažiausią saugią versiją.
5. Nukopijuok arba atsisiųsk rezultatą. Būsenos eilutė rodo dydį prieš ir po.

Rezultatas rodomas kaip paprastas tekstas išvesties laukelyje. Tavo HTML šiame puslapyje niekada nevaizduojamas ir nevykdomas, todėl įklijuoto kodo scenarijai nieko negali padaryti.

Formatavimas: skaitomas, nuosekliai įtrauktas HTML

Formatuoti naudoja js-beautify – formatuotoją, esantį daugelyje kodo redaktorių:

• blokiniai elementai dedami į atskiras eilutes, įtrauktas pagal įdėjimo gylį, o eilutiniai elementai, pavyzdžiui, <a>, <b> ar <span>, lieka tekste;
• <script> ir <style> turinys formatuojamas kaip JavaScript ir CSS;
• <pre> ir <textarea> paliekami tiksliai taip, kaip parašyti, nes jų tarpai matomi;
• iš eilės einančios tuščios eilutės sumažinamos iki vienos;
• nustačius laužymo plotį, ilgos teksto eilutės ir ilgi atributų sąrašai laužomi.

Formatavimas netaiso sugadinto žymėjimo: neuždarytas <div> lieka neuždarytas, o po jo einanti įtrauka parodo, kur problema.

Minimizavimas: mažesnis HTML nekeičiant puslapio

Minimizuoti naudoja sąmoningai atsargų metodą:

• tarpų, tabuliacijų ir eilučių lūžių sekos tekste tampa vienu tarpu, kaip jas rodo naršyklė;
• tarpai šalia blokinių ir head elementų (<div>, <p>, <li>, <td>, <meta>, <br>…) pašalinami, nes jie niekada nevaizduojami;
• vienas tarpas tarp eilutinių elementų paliekamas, todėl <b>big</b> <i>world</i> netampa „bigworld“;
• komentarai šalinami, kai pažymėta Šalinti komentarus, išskyrus sąlyginius komentarus (<!--[if IE]>) ir komentarus, prasidedančius <!--!;
• <script>, <style>, <pre> ir <textarea> turinys niekada neliečiamas, o atributų reikšmės paliekamos tiksliai, su kabutėmis.

Jis nešalina nebūtinų uždarančiųjų žymių, neperrašo atributų ir nesuspaudžia įterpto JavaScript bei CSS: tokios optimizacijos sutaupo šiek tiek daugiau, bet gali sugadinti puslapius. Daugumai puslapių HTTP suspaudimas (gzip ar Brotli) sutaupo gerokai daugiau nei bet kuris minimizatorius, todėl minimizavimas naudingiausias HTML, įterptam į el. laiškus, šablonus ar JavaScript eilutes.