Kaikki yhdessä HTML-työkalupakki: muotoilu/kaunistus, minifiointi/tiivistys, syntaksin validointi ja reaaliaikainen esikatselu.
Kaikki käsittely tapahtuu paikallisesti selaimessa — tietoja ei koskaan ladata palvelimelle.
Tila:
Syöte HTML
Tulos
Käyttö: Liitä HTML vasempaan tekstikenttään, valitse tila ja napsauta Käsittele.
Muotoilu: Kaunistaa HTML:n säädettävällä sisennyksellä (2/4 välilyöntiä tai sarkaimet). Säilyttää kommentit, doctype-määrittelyn sekä <script>/<style>-sisällön.
Minifiointi: Poistaa kaikki tarpeettomat välilyönnit ja tuottaa mahdollisimman tiiviin HTML:n. Säilyttää välilyönnit <pre>- ja <textarea>-elementtien sisällä.
Validointi: Tarkistaa tagien täsmäämisen, tyhjien elementtien säännöt ja raportoi yleiset sisäkkäisyysvirheet rivi- ja sarakenumeroineen.
Esikatselu: Renderöi HTML hiekkalaatikoidussa iframe-kehyksessä, jotta näkee tarkasti, miltä se näyttää selaimessa.
Jäsentäminen vs. muotoilu
HTML-jäsentimet ovat anteeksiantavia — ne sulkevat tagit automaattisesti ja palautuvat virheistä, minkä vuoksi huolimaton merkintä yhä piirtyy. Muotoilija tuottaa jäsennetyn rakenteen uudelleen normalisoidulla sisennyksellä, kun taas minifioija poistaa välilyönnit, jotka jäsentimet käsittelevät tiivistyvinä.
Välilyönneillä on merkitystä vain rivielementtien välissä — lohkoelementit tiivistävät ympäröivät välilyönnit, minkä vuoksi minifiointi on yleensä turvallista.
🔷 HTML-työkalut
Valitse tila ja käsittele HTML, jolloin tilastot näkyvät.