Formatter HTML
Formatați fragmente HTML cu acest formatter HTML. Lipiți marcajul, iar instrumentul plasează elementele de tip bloc, precum div, section, p, ul și table, pe rânduri separate, cu indentare de două spații; comprimă spațiile albe inutile din conținutul inline; formatează CSS și JavaScript inline; și păstrează intact conținutul elementelor pre și textarea. Ideal pentru dezvoltatorii web și designeri care curăță marcaje lipite, generate sau minificate pentru a le citi și revizui.
Întrebări frecvente
Cum decide formatterul HTML unde să întrerupă rândurile?
Un element care conține copii de tip bloc, precum div, section, article, header, footer, nav, main, form, p, h1 to h6, ul, ol, table sau blockquote, este extins astfel încât fiecare copil să apară pe propriul rând, indentat cu două spații. Elementele fără copii de tip bloc rămân pe un singur rând.
De ce este returnat întregul meu document HTML pe un singur rând?
Elementele html, head și body nu sunt etichete de tip bloc în regulile formatterului, așa că un document încadrat de acestea rămâne inline, cu excepția doctype-ului. Lipiți conținutul din body sau fragmentul la care lucrați pentru a-l extinde.
Ce se întâmplă cu spațiile albe?
În conținutul inline, secvențele de spații, taburi și întreruperi de rând sunt comprimate într-un singur spațiu, așa cum le afișează browserele. Conținutul elementelor pre și textarea își păstrează exact spațiile albe.
Sunt formatate scripturile și stilurile inline?
Da, blocurile style sunt formatate ca CSS, iar blocurile script ca JavaScript sau ca JSON pentru tipurile JSON și JSON-LD. Scripturile cu alte tipuri, precum șabloanele text, sunt păstrate exact așa cum au fost scrise.
Cum sunt scrise elementele fără conținut?
Etichetele cu închidere automată, precum <br/>, sunt scrise cu un spațiu înaintea barei oblice, ca <br />. Elementele fără conținut scrise fără bară oblică, precum <img src="a.png">, își păstrează forma originală.
Sunt modificate atributele?
Nu, atributele, ghilimelele lor și ordinea lor sunt păstrate exact așa cum au fost scrise. Se rearanjează doar spațiile albe dintre elemente.
Sunt păstrate comentariile?
Da, comentariile HTML și doctype-ul sunt păstrate și plasate pe rânduri separate. Conținutul lor este copiat exact, inclusiv marcajul comentat.
Repară formatterul marcajul HTML invalid?
Nu, nu validează și nu repară marcajul. Etichetele neînchise sunt formatate cât se poate de bine, așa că rulați un validator când trebuie să găsiți erori de structură.
De ce este rezultatul încadrat într-un bloc de cod html?
Rezultatul este returnat într-un bloc de cod Markdown marcat html, astfel încât să fie afișat cu evidențiere de sintaxă în Markdown. Copiați rândurile dintre delimitatoare când îl lipiți într-un fișier .html.
Cât HTML pot formata?
Până la 5 MB per rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea HTML din Code Formatter.