Ugrás a tartalomra
Monu Tools

HTML formázó

Szépíts HTML-t blokktudatos behúzással, vagy tömörítsd. A pre, textarea, script és style tartalma megmarad.

Így használd a következőt: HTML formázó

  1. 01

    Illeszd be a HTML-edet a bemeneti mezőbe.

  2. 02

    Válaszd a Szépítést a behúzáshoz vagy a Tömörítést a sűrítéshez.

  3. 03

    Válaszd ki a behúzás méretét, majd másold az eredményt.

Mit csinál a HTML-formázó

Ez egy HTML-formázó, amely a blokk- és soron belüli elemekre figyelő behúzással szépíti meg a jelölést, vagy tömöríti azt a szóközök összevonásával és a megjegyzések eltávolításával. Szépítéskor te választod meg a behúzás méretét.

A szépítés a beágyazódásuk szerint húzza be az elemeket, így nyilvánvalóvá válik a dokumentum szerkezete, vagyis hogy mely elemek melyeket tartalmazzák. Ettől a kézzel írt vagy generált HTML sokkal könnyebben olvasható és hibakereshető lesz.

A szépítés és a tömörítés is teljes egészében a böngésződben fut, így a jelölésed soha nem hagyja el az eszközöd.

Elemek, amelyeket érintetlenül hagy

Szándékosan érintetlenül hagyja a pre, a textarea, a script és a style tartalmát, mert az ezekben az elemekben lévő szóköz jelentéssel bír: az újraformázásuk megváltoztatná az előformázott szöveget, azt, amit a felhasználók gépelnek, vagy a kódod jelentését.

Hogyan működik a tömörítés

A tömörítés eltávolítja a megjegyzéseket és összevonja az egymást követő szóközöket, ami csökkenti a böngészők által letöltendő fájlméretet. Leginkább éles oldalak build lépéseként hasznos.

Miért hagy meg egy szóközt a címkék között

A tömörítő egyetlen szóközt meghagy a címkék között, ahelyett hogy teljesen eltávolítaná, mert a soron belüli elemek közötti szóköz ténylegesen megjelenik, és az elhagyása eltolhatja az elrendezésed. Ez az óvatosság elkerüli azokat a finom vizuális hibákat, amelyeket az agresszív tömörítők okozhatnak.

Gyakran ismételt kérdések

Mit csinál a HTML szépítése?

A beágyazásuk és szerkezetük alapján húzza be az elemeket, miközben a pre, textarea, script és style tartalmát érintetlenül hagyja, mivel ott a szóköz jelentős.

Hogyan működik a HTML tömörítése?

Eltávolítja a megjegyzéseket, és a szóközsorozatokat egyetlen szóközre vonja össze. Egyetlen szóközt tart meg a tagek között, ahelyett hogy eltávolítaná őket, mert a sorközi elemek közötti szóköz megjelenik, és az eldobása eltolhatja az elrendezést.

Elküldődik a HTML-em egy szervernek?

Nem. A szépítés és a tömörítés is teljesen a böngésződben fut, így a jelölésed soha nem hagyja el az eszközöd.

Források

Hiba jelentése