Developer Ferramenta atualizada há 5 dias

Free Online HTML Formatter

Format your messy HTML source code to make it easier and faster to read and understand.

HTML Formatter Beautify Code Readable HTML Online Formatter

Utilização Free Online HTML Formatter

Cole o URL direto do ficheiro de código para carregar o seu conteúdo no editor.

Resultado

Concluído
Link da ferramenta
Copiado para a área de transferência.
Ajude a melhorar esta ferramenta
101
Tempo utilizado
108
Total de utilizadores
5+ anos
Servido
Última revisão em há 5 dias. Os números relativos à utilização são atualizados durante auditorias periódicas. (Relatórios desde 21 Feb 2022)
Comunicar uma discrepância

Ler o conteúdo

Saiba como funciona a ferramenta e quando a utilizar.

Any fool can write code that a computer can understand. Good programmers write code that humans can understand.” — Martin Fowler

What is Beautifying?

Beautifying or formatting source code is to reformation of source code to improve code readability, based on an analysis of the syntax for a human for some user-defined conventions like re-indenting codes lines, splitting the code into lines, creating blocks, adding white spaces at required places to make it easier and faster to read and understand.

    Difference of Formatted HTML and Minified or non Beautified HTML

Non Formatted HTML:

<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Newisty</title>
</head><body><p>Newisty</p></body></html>

Beautified HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Newisty</title>
</head>
<body>
    <p>Newisty</p>
</body>
</html>

 

How to use this HTML Formatter 

You can format your HTML code by using this tool. This HTML Formatter tool is very simple to use. To Beautify HTML just put the targeted webpage URL or paste HTML code and click Beautify Button. Booom, your Formatted code is ready for use. Now you can copy your code or download it.

Comentários (0)

Para discussões entre utilizadores, casos excecionais e sugestões adicionais.
Deixa um comentário
O seu comentário será publicado após o envio.
Ainda não há comentários. Seja o primeiro a comentar!
Diz-nos!
Comunicar um problema com esta ferramenta

Descreva o problema que encontrou para que possamos investigar e melhorar a ferramenta.

O que ajuda mais
Inclua a entrada, o resultado esperado, o resultado real, o navegador/dispositivo e uma captura de ecrã, caso seja útil.
O botão de captura de ecrã captura a página no navegador e anexa a imagem gerada a este formulário.
Captura de ecrã de página inteira
Capturado no seu navegador com o newisty.
Ainda não foi capturada nenhuma imagem do ecrã.
Ferramenta Relatório