Muuda HTML veebis loetavaks
Muuda tihendatud lehe lähtekood loetavaks märgenduseks. Sildid taandatakse pesastussügavuse järgi, atribuudid paigutatakse arusaadavalt ning dokumendisisesed skriptid ja laadid vormindatakse koos ülejäänud sisuga.
Miks lehe lähtekood selline välja näeb?
HTML-i tihendajad eemaldavad siltidevahelisi tühikuid ja kommentaare, jätavad ära valikulisi lõpusilte ning eemaldavad jutumärgid atribuudiväärtustelt, kus neid pole vaja. Serveripoolsed mallid lisavad segadust: kümnetest osamallidest kokku pandud leht saabub ühe voona, mille paigutus ei meenuta selle loonud faile. Peaaegu iga avaliku veebilehe lähtekoodis leiad mõne tohutu rea. Seal tähendab jaotise lõpusildi leidmine noolsulgude käsitsi lugemist.
Kõige tähtsam on struktuur
HTML on puu ning tasapinnaliselt esitatud puud on raske lugeda. Pesastussügavuse järgi taandamine näitab kohe dokumendi kuju: kus päis lõpeb, milline konteiner ümbritseb põhisisu, kui sügaval komponent asub ja millisel elemendil puudub lõpusilt. Seetõttu on vormindatud lähtekood kasulik pealkirjade järjestuse kontrollimiseks, raamistiku loodud märgenduse uurimiseks või mõistmiseks, kuidas mõni teine leht huvipakkuva jaotise üles ehitab.
Vormindatakse ka dokumendisisesed skriptid ja laadid
Päris leht koosneb harva ainult märgendusest. Analüütikakood, JSON-LD struktureeritud andmed, seadistusobjektid ja kriitiline CSS lisatakse otse dokumenti ning tihendaja surub kokku ka need. Vormindaja kasutab iga sisemise ploki jaoks õiget parserit. Tihendatud JavaScriptiga script-sildist saab loetav JavaScript ja style-sildist loetav CSS, kõik korrektselt taandatud dokumendi sees.
Tühikute suhtes tundlikke silte käsitletakse hoolikalt
HTML-i taandamine muudab siltidevahelisi tühikuid, millel võib olla tähendus. Vormindaja arvestab sellega: pre- ja textarea-elementide sisu jäetakse täpselt samaks ning reasiseseid elemente ei jagata viisil, mis lisaks või eemaldaks teksti ümbert nähtavaid tühikuid. Nii saad loetava dokumendi lehe kuvamist muutmata.
Korduma kippuvad küsimused
Kas võin kleepida terve lehe lähtekoodi?
Jah. Kopeeri brauseri lähtekoodivaatest kogu lähtekood või salvesta leht ja ava fail. Vormindatakse terve dokument koos head- ja body-osaga, dokumendisiseste skriptide ning struktureeritud andmetega.
Kas vormindamine muudab lehe kuvamist?
Ei peaks. Tühikute suhtes tundlikud elemendid, näiteks pre ja textarea, säilitatakse ning reasisest sisu käsitletakse hoolikalt. Siiski vorminda lugemiseks alati koopia ja ära vii väljundit testimata tagasi tootmiskeskkonda.
Kas see töötab Twigi või Blade'i mallidega?
Osaliselt. Tavaline märgendus vormindatakse hästi, kuid oma süntaksiga mallisildid võivad HTML-i parserit segadusse ajada. Tööriist on mõeldud HTML-ile, mille brauser päriselt saab, mitte selle loonud mallile.