Kif nindentja HTML imħawwad?

Waħħal l-HTML tiegħek b'Beautify magħżul, imbagħad issettja Indent għal 2 spazji, 4 spazji jew Tabs. L-output jiġġedded hekk kif tittajpja, u tista' tikkopjah jew tniżżel fajl .html. Iċċarġja eżempju juri kampjun.

Tista' taqsam linji twal jew tifformatja CSS u JavaScript inline?

Iva. Wrap joffri Mingħajr qtugħ, 80 kolonna jew 120 kolonna, u l-għażla Format style and script tags tifformatja wkoll is-CSS u l-JavaScript ġewwa dawk il-blokki. Il-kontenut f'pre u textarea jitħalla eżattament kif inhu.

Kif nista' nimminimizza (minify) l-HTML għall-produzzjoni?

Agħżel Minify. L-ispazju vojt bejn it-tags jiġi kkompressat u l-kummenti jitneħħew sakemm ma timmarkax Żomm il-kummenti. Kaxxi tal-għażla oħra huma Neħħi l-kwotazzjonijiet fakultattivi, Qassar l-attributi booleani u l-imminimizzar ta' stili, skripts u attributi ta' stil integrati.

Il-minifikazzjoni se tkisser il-blokki pre jew l-iskripts tiegħi?

Il-kontenut ta' pre, script, style u textarea huwa protett waqt il-kompressjoni tal-ispazji bojod, u jinżamm spazju bejn elementi inline maġenb xulxin biex il-kliem ma jingħaqadx. Il-minifikazzjoni inkorporata fakultattiva tapplika biss jekk tagħżilha int.

L-HTML tiegħi jintbagħat lil xi server?

Le. Tokenizer mibni fil-paġna jipproċessa l-kodiċi direttament fil-brawser tiegħek, għalhekk mudelli privati u HTML ta' emails jibqgħu fuq it-tagħmir tiegħek. L-ebda librerija esterna ta' formattjar ma titniżżel.

Iva. Kull għodda tista' tintuża b'xejn, mingħajr kont u mingħajr karta ta' kreditu. Ix-xogħol isir fuq it-tagħmir tiegħek minflok fuq is-servers tagħna, u huwa dan li jippermettilha tibqa' taħdem b'xejn.

Taħdem fuq il-mowbajl?

Iva. Jaħdem fil-browsers moderni tal-mowbajl fuq iOS u Android, mingħajr xejn x'tinstalla.

🌐

Beautifier u Minifier HTML b'xejn

Pretty-print jew minifika HTML b'indentatura ta' nesting xierqa. Jippreserva l-kontenut ġo blokkiet <pre>, <script>, <style>.

Jaħdem fil-browser tiegħekMingħajr reġistrazzjoni, mingħajr pop-upsEbda login meħtieġĦieles għal dejjem

Jaħdem offline ladarba mgħobbi

Indentazzjoni:

Qatta':

Formatta <style> u <script>

Waqqa' fajl hawn, jew ikklikkja biex tfitteq

HTML, HTM · ipproċessat fuq it-tagħmir tiegħek

jew agħfas Ctrl+V biex twaħħal mill-clipboard

Agħżel fajls

Input HTML

HTML imtejjeb

L-output jidher hawn…

Użi komuni

Tiddebugja Server-Rendered HTMLAra raw HTML output minn is-server tiegħek (PHP, Rails, Django, Node) f'format indented leġġibbli.
Formattja Email HTML TemplatesEmail HTML huwa verbose (tables, inline styles). Formattja biex tagħmilha editable u maintainable.
Formattja Static HTML PagesManually-edited static HTML files ibbieżżew minn formatting konsistenti għall-collaborative editing.
Nnaddaf CMS-Exported HTMLWordPress, Wix, Squarespace export HTML b'ħafna artifacts. Formattja biex tagħmilha editable.
Minify HTML għall-ProduzzjoniNaqqas id-daqs tal-fajl HTML għal malajr page loads billi tneħħi spazz abjad u ċaratteri mhux meħtieġa.

Kif Taħdem

Din l-għodda tifformatta jew tikkomprimi l-HTML bl-użu ta' tokenizer konxju tat-tags miktub bl-idejn mibni direttament fil-paġna — l-ebda librerija ta' formattazzjoni ta' parti terza, l-ebda round-trip lil server. Kull karattru tal-markup tiegħek jiġi pproċessat lokalment fil-browser il-mument li tittajpjah jew twaħħlu.

1
It-tokenizer jiskennja l-markup
Iskenner karattru b'karattru personalizzat jimxi mill-istring HTML, jidentifika kummenti, dikjarazzjonijiet DOCTYPE, tags ta' ftuħ, tags ta' għeluq, elementi vojta li jagħlqu waħedhom (br, img, input, eċċ.), u nodi tat-test mhux ipproċessati. Helper dedikat isegwi valuri ta' attribut bejn virgoletti biex karattri bħal > ġewwa attribut (eż. value="a>b") qatt ma jikkawżaw tag jinqasam kmieni.
2
Il-fond tal-indentazzjoni jiġi segwit kull tag
Għall-modalità abbelliment, it-tokenizer iżomm kontatur tal-fond. Tags ta' ftuħ fil-livell tal-blokk iżidu l-fond; tags ta' għeluq inaqqsuh qabel jinkitbu. Elementi inline (span, a, strong, em, eċċ.) jinżammu fl-istess linja tal-kontenut tagħhom minflok jitqiegħdu fil-linja mmarkata tagħhom stess. Tags bħal pre, script, style, u textarea għandhom il-kontenut intern tagħhom maħruġ verbatim biex jiġi evitat li jinkorrompu spazji vojta sensittivi jew kodiċi eżekwibbli.
3
Il-minifikatur jikkollassa l-ispazji vojta bla periklu
Fil-modalità immiminizzata, il-kontenut tal-blokki pre, script, style, u textarea jiġi mibdul b'sentinels innumerati qabel ma sseħħ kwalunkwe kollassar tal-ispazju vojt. Kummenti HTML jitneħħew, u runs ta' spazju vojt bejn it-tags jitneħħew — ħlief bejn elementi inline ħdejn xulxin, fejn spazju wieħed jinżamm biex il-kliem ma jingħaqadx flimkien. Placeholders sentinel imbagħad jiġu rristawrati għall-kontenut oriġinali tagħhom.
4
Il-ħruġ jintwera u mhux obbligatorjament jiġi ssejvjat
Ir-riżultat formattat jew immiminizzat jidher ħaj fil-panel tal-ħruġ flimkien ma' perċentwal ta' bidla fid-daqs. Tista' tikkopjah fil-clipboard jew tniżżlu bħala fajl .html, kollox mingħajr ma titlaq mill-browser.