El formatador se centra en una estructura fàcil de llegir. Col·loca els elements imbricats a la profunditat correcta i manté visibles els atributs, comentaris, declaracions i contingut de text. No elimina comentaris ni comprimeix el fitxer, per tant no substitueix un minificador HTML. El marcatge es processa localment i no es puja enlloc.
Formatar HTML en línia gratis
Funciona del tot al navegador: sense pujar res ni registrar-te.
HTML
HTML formatat
Enganxeu HTML per formatar-lo
Com es pot formatar codi HTML?
Formatar HTML converteix un marcatge compacte o amb sagnat irregular en codi llegible i ben estructurat. Enganxeu un document o fragment, trieu dos espais, quatre espais o tabuladors i copieu el resultat. El formatador reconeix els elements buits d'HTML5, les etiquetes finals opcionals més habituals i el text sense processar de script i style. Tot es fa al navegador.
Com s’utilitza
- 1Enganxeu l'HTML. Afegiu un document HTML complet, una plantilla o un fragment al camp d'entrada, o carregueu l'exemple.
- 2Trieu el sagnat. Seleccioneu dos espais, quatre espais o tabuladors. La sortida formatada s'actualitza de seguida.
- 3Reviseu l'estructura. Consulteu el nombre d'elements, atributs i nivells de profunditat i després repasseu el resultat sagnat.
- 4Copieu el resultat. Copieu l'HTML formatat a l'editor, al CMS o a la revisió de codi.
Per a qui és
- Desenvolupadors frontend que ordenen una plantilla compacta abans de buscar un error d'imbricació o revisar un canvi de codi.
- Desenvolupadors de correu que fan més llegible el marcatge exportat d'un butlletí sense enviar l'HTML privat de la campanya a cap servidor.
- Editors de CMS que desenreden un component o fragment de pàgina copiat abans de canviar classes, enllaços o contingut.
- Estudiants que observen les relacions entre elements pare i fill d'un document HTML real gràcies a un sagnat coherent.
Preguntes freqüents
El formatador HTML és gratuït?
Sí. Es pot utilitzar gratis, sense registre, baixada ni límit d'ús. Enganxeu un document o fragment HTML, trieu el sagnat i copieu el resultat directament des del navegador.
El meu HTML es puja a algun lloc?
No. El format es fa localment al navegador. L'HTML enganxat no s'envia a cap servidor, així podeu treballar amb plantilles internes, pàgines d'aterratge encara no publicades, marcatge de correu i fragments amb URL o identificadors privats.
Quant HTML puc formatar?
No hi ha cap límit fix de servidor perquè no es puja res. Els documents molt grans depenen de la memòria del navegador i del dispositiu, però les pàgines, components, plantilles de correu i fragments de codi habituals es processen ràpidament.
El formatador gestiona etiquetes sense tancament?
Sí. Reconeix elements buits d'HTML5 com img, br, input, meta i link, que no necessiten etiqueta de tancament. En calcular el sagnat també gestiona les etiquetes finals opcionals dels elements de llista, paràgrafs, option, files i cel·les de taula.
Canvia el contingut de script i style?
El formatador tracta el contingut de script i style com a text sense processar. Els operadors de comparació, selectors CSS i cadenes amb signes menor que no es confonen amb etiquetes HTML. S'ajusta el sagnat del bloc, però no es reescriu JavaScript ni CSS.
L'eina valida o repara HTML no vàlid?
No. És un formatador, no un validador d'estàndards ni un reparador automàtic. Avisa de comentaris, declaracions, etiquetes i elements de text sense processar que no s'han tancat, però accepta les etiquetes finals opcionals permeses en HTML. Per comprovar la conformitat, utilitzeu Nu HTML Checker.
Quina diferència hi ha entre un formatador i un minificador HTML?
Un formatador afegeix salts de línia i sagnat perquè el marcatge sigui fàcil de llegir i editar. Un minificador elimina espais opcionals i pot suprimir comentaris per reduir la mida de transferència. Aquesta pàgina només formata HTML i conserva expressament els comentaris i el contingut visible.