Formatador de HTML

Este é um formatador de HTML que embeleza a marcação com indentação ciente de elementos de bloco e em linha, ou a minifica recolhendo os espaços em branco e removendo os comentários. Você escolhe o tamanho da indentação ao embelezar.

Embelezar indenta os elementos de acordo com como eles se aninham, então a estrutura de um documento, quais elementos contêm quais, torna-se óbvia. Isso torna o HTML escrito à mão ou gerado bem mais fácil de ler e depurar.

Tanto embelezar quanto minificar funcionam inteiramente no seu navegador, então sua marcação nunca sai do seu dispositivo.

Ele deliberadamente deixa intocado o conteúdo de pre, textarea, script e style, porque os espaços em branco dentro desses elementos são significativos: reformatá-los mudaria o texto pré-formatado, o que os usuários digitam, ou o significado do seu código.

Minificar remove os comentários e recolhe sequências de espaços em branco, o que reduz o tamanho do arquivo que os navegadores precisam baixar. É mais útil como um passo de build para páginas de produção.

O minificador mantém um único espaço entre as tags em vez de removê-lo por completo, porque o espaço em branco entre elementos em linha é de fato renderizado, e removê-lo pode deslocar seu layout. Essa cautela evita os bugs visuais sutis que minificadores agressivos podem causar.