HTML-muotoilija
Kaunista HTML lohkotietoisella sisennyksella, tai pienenna se. Elementtien pre, textarea, script ja style sisalto sailytetaan.
Nain kaytat tyokalua HTML-muotoilija
- 01
Liita HTML:si syotekenttaan.
- 02
Valitse Kaunista sisentaaksesi sen tai Pienenna pakataksesi sen.
- 03
Valitse sisennyskoko, kopioi sitten tulos.
Mitä HTML-muotoilija tekee
HTML-muotoilija selkeyttää merkinnän lohko- ja rivielementit huomioivalla sisennyksellä tai tiivistää sen supistamalla välilyönnit ja poistamalla kommentit. Selkeytyksen sisennyskoon voi valita.
Selkeytys sisentää elementit niiden sisäkkäisyyden mukaan, joten asiakirjan rakenne ja elementtien väliset suhteet näkyvät heti. Näin käsin kirjoitettua tai luotua HTML-koodia on paljon helpompi lukea ja korjata.
Sekä selkeytys että tiivistys tapahtuvat kokonaan selaimessasi, joten merkintäsi ei poistu laitteeltasi.
Elementit, joiden sisältöä ei muuteta
Työkalu jättää tarkoituksella pre-, textarea-, script- ja style-elementtien sisällön koskematta, koska niiden välilyönneillä on merkitystä. Uudelleenmuotoilu voisi muuttaa esimuotoiltua tekstiä, käyttäjän kirjoittamaa sisältöä tai koodin toimintaa.
Miten tiivistys toimii
Tiivistys poistaa kommentit ja supistaa peräkkäiset välilyönnit, mikä pienentää selaimen ladattavaa tiedostoa. Toiminnosta on eniten hyötyä tuotantosivujen koontivaiheessa.
Miksi tunnisteiden väliin jätetään välilyönti
Tiivistin jättää tunnisteiden väliin yhden välilyönnin eikä poista sitä kokonaan, koska rivielementtien välinen tyhjä tila piirretään sivulle ja sen poistaminen voi muuttaa asettelua. Varovaisuus estää hienovaraiset ulkoasuvirheet, joita liian aggressiivinen tiivistys voi aiheuttaa.
Usein kysytyt kysymykset
Mita HTML:n kaunistaminen tekee?
Se sisentaa elementit niiden sisakkaisyyden ja rakenteen perusteella, jattaen samalla elementtien pre, textarea, script ja style sisallon koskemattomaksi, koska valilyonti niissa on merkitsevaa.
Miten HTML:n pienentaminen toimii?
Se poistaa kommentit ja tiivistaa valilyontijaksot yhdeksi valilyonniksi. Se sailyttaa yksittaiset valilyonnit tagien valilla niiden poistamisen sijaan, koska valilyonti rivielementtien valilla renderoidaan ja sen poistaminen voi siirtaa asettelua.
Lahetetaanko HTML:ani palvelimelle?
Ei. Seka kaunistaminen etta pienentaminen tapahtuvat kokonaan selaimessasi, joten merkintasi ei koskaan poistu laitteeltasi.