Formatter keskittyy helposti luettavaan rakenteeseen. Sisäkkäiset elementit asetetaan oikealle syvyydelle, mutta attribuutit, kommentit, määrittelyt ja tekstisisältö säilyvät näkyvissä. Kommentteja ei poisteta eikä tiedostoa pakata, joten työkalu ei korvaa HTML minifieria. Markup käsitellään paikallisesti eikä sitä lähetetä palvelimelle.
Ilmainen HTML formatter
Toimii kokonaan selaimessasi - ei lähetyksiä, ei rekisteröitymistä.
HTML
Muotoiltu HTML
Liitä muotoiltava HTML
Mitä HTML formatter tekee?
HTML formatter muuttaa tiiviin tai epätasaisesti sisennetyn markupin luettavaksi HTML:ksi, jonka rakenne on johdonmukainen. Liitä dokumentti tai katkelma, valitse kaksi välilyöntiä, neljä välilyöntiä tai sarkaimet ja kopioi tulos. Työkalu tunnistaa HTML5:n void-elementit, tavalliset valinnaiset lopputagit sekä script- ja style-elementtien raakatekstin. Kaikki käsitellään selaimessa.
Näin se toimii
- 1Liitä HTML. Lisää kokonainen HTML-dokumentti, malli tai katkelma syöttökenttään tai lataa esimerkki.
- 2Valitse sisennys. Valitse kaksi välilyöntiä, neljä välilyöntiä tai sarkaimet. Muotoiltu tulos päivittyy heti.
- 3Tarkista rakenne. Katso elementtien, attribuuttien ja syvyystasojen määrät ja käy sitten sisennetty tulos läpi.
- 4Kopioi tulos. Kopioi muotoiltu HTML editoriin, CMS:ään tai koodikatselmointiin.
Kenelle
- Frontend-kehittäjät, jotka siistivät tiiviin mallin ennen sisäkkäisyysvirheen selvittämistä tai koodimuutoksen tarkistamista.
- Sähköpostikehittäjät, jotka tekevät viedystä uutiskirjemarkupista helpommin luettavaa lähettämättä yksityistä kampanja-HTML:ää palvelimelle.
- CMS-sisällöntuottajat, jotka selvittävät kopioidun komponentin tai sivukatkelman ennen luokkien, linkkien tai sisällön muuttamista.
- Opiskelijat, jotka tarkastelevat oikean HTML-dokumentin vanhempi-lapsi-rakennetta johdonmukaisen sisennyksen avulla.
Usein kysyttyä
Onko HTML formatter ilmainen?
Kyllä. Voit käyttää työkalua ilmaiseksi ilman tiliä, latausta tai käyttörajaa. Liitä HTML-dokumentti tai katkelma, valitse sisennys ja kopioi tulos suoraan selaimesta.
Lähetetäänkö HTML-koodini jonnekin?
Ei. Muotoilu tapahtuu paikallisesti selaimessa. Liitettyä HTML:ää ei lähetetä palvelimelle, joten voit käsitellä sisäisiä malleja, julkaisemattomia laskeutumissivuja, sähköpostimarkupia ja yksityisiä URL-osoitteita tai tunnisteita sisältäviä katkelmia.
Kuinka paljon HTML:ää voin muotoilla?
Kiinteää palvelinrajaa ei ole, koska mitään ei lähetetä. Erittäin suurten dokumenttien käsittely riippuu selaimen ja laitteen muistista, mutta tavalliset sivut, komponentit, sähköpostimallit ja lähdekoodikatkelmat käsitellään nopeasti.
Käsitteleekö formatter tagit, joilla ei ole lopputagia?
Kyllä. Se tunnistaa HTML5:n void-elementit, kuten img, br, input, meta ja link, jotka eivät tarvitse lopputagia. Sisennystä laskettaessa käsitellään myös listakohtien, kappaleiden, option-elementtien, taulukkorivien ja -solujen valinnaiset lopputagit.
Muuttuuko script- tai style-sisältö?
Formatter käsittelee script- ja style-sisällön raakatekstinä. Vertailuoperaattoreita, CSS-selektoreita tai pienempi kuin -merkin sisältäviä merkkijonoja ei tulkita HTML-tageiksi. Lohkon sisennys muuttuu, mutta JavaScriptiä tai CSS:ää ei kirjoiteta uudelleen.
Validoiko tai korjaako työkalu virheellisen HTML:n?
Ei. Kyseessä on formatter, ei standardien validaattori tai automaattinen korjaus. Se ilmoittaa sulkemattomista kommenteista, määrittelyistä, tageista ja raw-text-elementeistä mutta hyväksyy HTML:n sallimat valinnaiset lopputagit. Standardinmukaisuuden voi tarkistaa Nu HTML Checkerillä.
Mitä eroa on HTML formatterilla ja minifierilla?
Formatter lisää rivinvaihtoja ja sisennyksiä, jotta markupia on helpompi lukea ja muokata. Minifier poistaa valinnaisia välilyöntejä ja joskus kommentteja pienentääkseen siirtokokoa. Tämä sivu vain muotoilee HTML:n ja säilyttää tarkoituksella kommentit sekä näkyvän sisällön.