A formatter az áttekinthető szerkezetre összpontosít. A beágyazott elemeket a megfelelő mélységbe helyezi, miközben az attribútumok, kommentek, deklarációk és szöveges tartalmak láthatók maradnak. Nem törli a kommenteket, és nem csökkenti a fájl méretét, ezért nem helyettesít egy HTML minifiert. A markup helyben kerül feldolgozásra, feltöltés nélkül.
Ingyenes HTML formatter
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
HTML
Formázott HTML
Illeszd be a formázandó HTML-t
Mit csinál egy HTML formatter?
A HTML formatter a tömör vagy egyenetlenül behúzott markupot olvasható, egységes szerkezetű HTML-lé alakítja. Illessz be egy dokumentumot vagy részletet, válassz két szóközt, négy szóközt vagy tabulátort, majd másold ki az eredményt. Az eszköz felismeri a HTML5 void elemeit, a gyakran elhagyható zárócímkéket, valamint a script és style nyers szövegét. Minden a böngészőben történik.
Így működik
- 1HTML beillesztése. Illessz egy teljes HTML-dokumentumot, sablont vagy kódrészletet a beviteli mezőbe, vagy töltsd be a példát.
- 2Behúzás kiválasztása. Válassz két szóközt, négy szóközt vagy tabulátort. A formázott kimenet azonnal frissül.
- 3Szerkezet ellenőrzése. Nézd meg az elemek, attribútumok és mélységi szintek számát, majd ellenőrizd a behúzott eredményt.
- 4Eredmény másolása. Másold a formázott HTML-t a szerkesztődbe, a CMS-be vagy a kódellenőrzésbe.
Kinek hasznos
- Frontend fejlesztők, akik egy tömör sablont tesznek rendbe beágyazási hiba keresése vagy kódmódosítás ellenőrzése előtt.
- E-mail-fejlesztők, akik az exportált hírlevél-markupot szeretnék könnyebben olvasni anélkül, hogy a privát kampány HTML-kódját szerverre küldenék.
- CMS-szerkesztők, akik egy másolt komponenst vagy oldalrészletet bontanak ki osztályok, linkek vagy tartalom módosítása előtt.
- Tanulók, akik egységes behúzással követik a szülő-gyerek kapcsolatokat egy valódi HTML-dokumentumban.
Gyakori kérdések
Ingyenes a HTML formatter?
Igen. Fiók, letöltés és használati korlát nélkül, ingyen használható. Illessz be egy HTML-dokumentumot vagy kódrészletet, válassz behúzást, majd másold ki az eredményt közvetlenül a böngészőből.
Feltöltődik valahová a HTML-kódom?
Nem. A formázás helyben, a böngészőben fut. A beillesztett HTML nem kerül szerverre, így belső sablonokkal, még nem publikált céloldalakkal, e-mail-markuppal és privát URL-t vagy azonosítót tartalmazó részletekkel is dolgozhatsz.
Mennyi HTML-kódot formázhatok?
Nincs rögzített szerveroldali korlát, mert semmi nem kerül feltöltésre. Nagyon nagy dokumentumoknál a böngésző és az eszköz memóriája számít, a szokásos oldalak, komponensek, e-mail-sablonok és forráskódrészletek gyorsan feldolgozhatók.
Kezeli a formatter a zárócímke nélküli elemeket?
Igen. Felismeri a zárócímkét nem igénylő HTML5 void elemeket, például az img, br, input, meta és link elemet. A behúzásnál a listaelemek, bekezdések, option elemek, táblázatsorok és cellák elhagyható zárócímkéit is kezeli.
Megváltozik a script és style tartalma?
A formatter a script és style tartalmát nyers szövegként kezeli. Az összehasonlító operátorokat, CSS-szelektorokat és kisebb mint jelet tartalmazó szövegeket nem nézi HTML-címkének. A blokk behúzását módosítja, de a JavaScriptet és a CSS-t nem írja át.
Ellenőrzi vagy javítja az eszköz a hibás HTML-t?
Nem. Ez formatter, nem szabványellenőrző vagy automatikus javító. Jelzi a lezáratlan kommenteket, deklarációkat, címkéket és raw-text elemeket, de elfogadja a HTML által engedélyezett elhagyható zárócímkéket. Szabványossági ellenőrzéshez használd a Nu HTML Checkert.
Mi a különbség a HTML formatter és a minifier között?
A formatter sortöréseket és behúzást ad a markuphoz, hogy könnyebb legyen olvasni és szerkeszteni. A minifier eltávolítja az elhagyható szóközöket, és akár kommenteket is törölhet az adatméret csökkentéséhez. Ez az oldal csak formázza a HTML-t, a kommenteket és a látható tartalmat szándékosan megtartja.