HTML-formatering og -minificering

Sådan formaterer du HTML

1. Indsæt din HTML, eller klik på Åbn fil for at indlæse en .html- eller .htm-fil (op til 10 MB).
2. Vælg Indrykning (2 mellemrum, 4 mellemrum eller en tabulator), og om linjer skal omsluttes ved 80 eller 120 tegn med Ombryd linjer ved.
3. Sæt kryds ved Ryk og ind, hvis de skal rykkes ind inde i <html>, og ved Fjern kommentarer for at fjerne <!-- … -->-kommentarer.
4. Klik på Formatér (beautify) for læsbar kode eller på Minificér for den mindste sikre version.
5. Kopiér eller download resultatet. Statuslinjen viser størrelsen før og efter.

Resultatet vises som almindelig tekst i resultatfeltet. Din HTML bliver aldrig gengivet eller kørt på denne side, så scripts i den kode, du indsætter, kan ikke gøre noget.

Formatér: læsbar HTML med ensartet indrykning

Formatér (beautify) bruger js-beautify, den formatering, der ligger bag mange kodeeditorer:

• blokelementer kommer på hver sin linje og rykkes ind efter indlejringsdybde, mens inline-elementer som <a>, <b> eller <span> bliver stående i teksten;
• indholdet af <script> og <style> formateres som JavaScript og CSS;
• <pre> og <textarea> lades præcis, som de er skrevet, da deres mellemrum er synlige;
• flere tomme linjer i træk reduceres til én;
• med en ombrydningsbredde ombrydes lange tekstlinjer og lange attributlister.

Formatering retter ikke ødelagt markup: En uafsluttet <div> forbliver uafsluttet, og den indrykning, der følger efter, viser, hvor problemet er.

Minificér: mindre HTML uden at ændre siden

Minificér bruger en bevidst forsigtig fremgangsmåde:

• rækker af mellemrum, tabulatorer og linjeskift i tekst bliver til ét enkelt mellemrum, præcis som browseren viser dem;
• mellemrum ved siden af blokelementer og head-elementer (<div>, <p>, <li>, <td>, <meta>, <br> …) fjernes, fordi de aldrig vises;
• et enkelt mellemrum mellem inline-elementer bevares, så <b>stor</b> <i>verden</i> ikke bliver til »storverden«;
• kommentarer fjernes, når Fjern kommentarer er afkrydset, bortset fra betingede kommentarer (<!--[if IE]>) og kommentarer, der begynder med <!--!;
• indholdet af <script>, <style>, <pre> og <textarea> røres aldrig, og attributværdier bevares præcis, inklusive anførselstegn.

Det fjerner ikke valgfrie lukke-tags, omskriver ikke attributter og komprimerer ikke indlejret JavaScript og CSS: Sådanne optimeringer sparer lidt mere, men kan ødelægge sider. For de fleste sider sparer HTTP-komprimering (gzip eller Brotli) langt mere end nogen minificering, så minificering er mest nyttig til HTML i e-mails, skabeloner eller JavaScript-strenge.