Kuidas taandada segast HTML-i?

Kleepige oma HTML, kui valitud on 'Beautify', seejärel määrake taane suuruseks 2 tühikut, 4 tühikut või Tabulaatorid. Väljund uueneb tippimise ajal ning saate selle kopeerida või alla laadida .html faili. Laadi näide näitab näidist.

Kas see saab murda pikki ridu või vormindada sisemist CSS-i ja JavaScripti?

Jah. Murdmine pakub valikuid Ilma murdmiseta, 80 veergu või 120 veergu ning valik 'Vorminda stiili- ja skriptisildid' vormindab ka nendes plokkides oleva CSS-i ja JavaScripti. Sisu 'pre' ja 'textarea' sees jäetakse täpselt nii, nagu kirjutatud.

Kuidas minifitseerida HTML tootmise jaoks?

Valige 'Minify'. Siltide vahelised tühikud ahendatakse ja kommentaarid eemaldatakse, välja arvatud juhul, kui märgite ruudu Säilita kommentaarid. Valikulised märkeruudud on Eemalda valikulised jutumärgid, Lühenda tõeväärtusatribuute ja manustatud stiili, skripti ja stiiliatribuutide minifitseerimine.

Kas minifitseerimine lõhub mu 'pre' plokid või skriptid?

'pre', 'script', 'style' ja 'textarea' sisu on tühikute ahendamise ajal kaitstud ning külgnevate reasiseste elementide vahele jäetakse tühik, et sõnad ei sulanduks. Valikuline manustatud minifitseerimine rakendub ainult siis, kui selle märgite.

Kas minu HTML saadetakse serverisse?

Ei. Lehe sisse ehitatud tokeniseerija töötleb märgistust teie brauseris, nii et privaatsed mallid ja e-posti HTML jäävad teie seadmesse. Ühtegi kolmanda osapoole vormindamise teeki ei laadita.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida.

🌐

HTML kaunistaja ja minifitseerija tasuta

Prindi või minifitseeri HTML nõuetekohase pesastamisega taandega. Säilitab <pre>, <script>, <style> plokkide sisu.

Töötab sinu brauserisRegistreerimist pole, hüpikaknaid poleSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Taane:

Reamurdmine:

Vorminda <style> ja <script>

Lohistage fail siia või klõpsake sirvimiseks

HTML, HTM · töödeldakse sinu seadmes

või vajutage lõikelaualt kleepimiseks Ctrl+V

Sirvi faile

HTML sisend

Vormindatud HTML

Väljund ilmub siia…

Levinud kasutusviisid

Siluge serveri poolt renderdatud HTML-iVaadake oma serveri toores HTML väljundit (PHP, Rails, Django, Node) loetavas taandatud formaadis.
Vormindage e-posti HTML-i mallidE-posti HTML on põhjalik (tabelid, sisestatud stiilid). Vormindage, et muuta see redigeeritavaks ja säilitamiskõlgus.
Vormindage staatilised HTML lehedKäsitsi redigeeritud staatilised HTML failid kasuvad ühtsest vormindamisest koostööredigeerimiseks.
Puhastage CMS-ist eksporditud HTMLWordPress, Wix, Squarespace eksport HTML palju artefaktidega. Vormindage, et muuta see redigeeritavaks.
Minifitseerige HTML tootmiseksVähendage HTML faili suurust kiiremaks lehelaadimiseks, eemaldades tühje kohti ja ebavajalikke märke.

Kuidas see töötab

See tööriist vormindab või tihendab HTML-i, kasutades käsitsi kirjutatud siltiteadlikku tokeniseerijat, mis on integreeritud otse lehele — kolmanda osapoole vormindusteeki ega serveri ida-tagasit pole. Iga sinu markupi tähemärk töödeldakse kohapeal brauseris hetkel, mil kirjutad või kleebid selle.

1
Tokeniseerija skaneerib markupi
Kohandatud tähemärk-tähemärgi-kaupa skänner käib HTML-stringi läbi, tuvastades kommentaare, DOCTYPE deklaratsioone, avavaid silte, sulgevaid silte, iseennast-sulgevaid tühielemente (br, img, input jne) ja toorest tekstisõlmi. Spetsiaalne abistaja jälgib jutumärkides atribuudiväärtusi, nii et tähemärgid nagu > atribuudi sees (nt value="a>b") ei põhjustaks kunagi sildi enneaegset katkemist.
2
Sisennisügavust jälgitakse sildipõhiselt
Ilustamise režiimi jaoks hoiab tokeniseerija sügavusloendajat. Plokitasandi avavad sildid suurendavad sügavust; sulgevad sildid vähendavad seda enne kirjutamist. Reasiseelemendid (span, a, strong, em jne) hoitakse samal real oma sisuga, mitte ei lükata omaette sisennitud reale. Sildid nagu pre, script, style ja textarea saavad oma sisu väljastatud sõna-sõnalt, et vältida tühikutundliku või käivitatava koodi rikkumist.
3
Minifitseerija kokkuvõtab tühikuid ohutult
Minifitseerimise režiimis vahetatakse pre, script, style ja textarea plokkide sisu numbriliste tähistajate vastu enne mis tahes tühikute kokkuvõtmist. HTML-kommentaarid eemaldatakse ja tühikuseeriad siltide vahel eemaldatakse — välja arvatud kõrvutiasetsevate reasiseelementide vahel, kus üks tühik säilitatakse, et sõnad ei sulanduks kokku. Tähistaja-platsihoidjad seejärel taastatakse oma algsele sisule.
4
Väljund kuvatakse ja valikuliselt salvestatakse
Vormindatud või minifitseeritud tulemus ilmub reaalajas väljundpaneelis koos suurusemuutuse protsendiga. Saad selle kopeerida lõikelauale või laadida alla .html failina, ilma brauserist lahkumata.