.ro

Formatare și minificare HTML

HTML lipit pe un rând devine ușor de citit, iar HTML-ul tău devine mai mic, cu aceleași elemente, atribute și același text.

Rulează în browser Gratuit, fără cont
Mod

Aranjarea folosește biblioteca js-beautify 2.0.3 (licență MIT). Textul licenței

Aranjare

Aranjează pune elementele pe rânduri, cu indentarea aleasă, folosind biblioteca js-beautify; textul din <pre> și <textarea> rămâne cum e. Util când primești HTML generat, pe un singur rând.

Minificare

Minifică scoate comentariile (în afară de cele condiționale, <!--[if, și de cele care încep cu <!--!), transformă orice șir de spații și rânduri noi din text într-un singur spațiu, cum îl afișează oricum pagina, și strânge spațiile dintre atribute. Spațiul fix (&nbsp;, scris ca atare) rămâne, la fel conținutul din <pre>, <textarea>, <script> și <style>. Excepția de știut: un element care păstrează spațiile printr-un stil CSS (white-space: pre), nu prin <pre>, își pierde spațiile repetate.

Scoate și spațiile dintre taguri câștigă câțiva octeți în plus, dar poate lipi două cuvinte aflate în elemente alăturate, de exemplu <b>Ana</b> <i>Pop</i>; folosește-o doar dacă știi că nu e cazul. Am verificat minificatorul pe paginile acestui site: în Chromium, Firefox și WebKit (motorul lui Safari), documentul minificat are aceleași elemente, aceleași atribute și același text, în afara spațiilor strânse.

Codul rămâne la tine

Formatarea se face în browserul tău: HTML-ul nu e trimis nicăieri.

Întrebări frecvente

Minifică și CSS-ul sau JavaScript-ul din pagină?

Nu: conținutul din <style> și <script> rămâne neschimbat. Le poți minifica separat în formatarea CSS și formatarea JavaScript.

Vreau doar textul, fără taguri

Atunci e mai potrivită conversia HTML în Markdown, care păstrează și titlurile, listele și linkurile.

↑ ↓ alegi · Enter deschizi · Esc închizi