Formatador HTML

Embelezar e formatar o código HTML

Insira HTML

{
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "HTML Formatter",
        "description": "Format and beautify HTML code online",
        "url": "https://caitty.com/html-formatter/",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "All",
        "offers": {
                "@type": "Offer",
                "price": "0",
                "priceCurrency": "USD"
        },
        "provider": {
                "@type": "Organization",
                "name": "Caitty Tools",
                "url": "https://caitty.com"
        }
}
    
    <link href="/css/lang-switcher.css" rel="stylesheet"/>
    <script defer="" src="/js/lang-switcher.js"></script>

<link href="https://caitty.com/html-formatter/" hreflang="en" rel="alternate">
    <link href="https://caitty.com/es/formateador-html-caitty-tools/" hreflang="es" rel="alternate"/>
    <link href="https://caitty.com/pt/formatador-html-ferramentas-caitty/" hreflang="pt" rel="alternate"/>
    <link href="https://caitty.com/fr/formateur-html-caitty-tools/" hreflang="fr" rel="alternate"/>
    <link href="https://caitty.com/de/html-formatierer-caitty-tools/" hreflang="de" rel="alternate"/>
    <link href="https://caitty.com/it/formattatore-html-caitty-tools/" hreflang="it" rel="alternate"/>
    <link href="https://caitty.com/nl/html-formatter/" hreflang="nl" rel="alternate"/>
    <link href="https://caitty.com/zh/HTML格式化程序-Caitty工具/" hreflang="zh" rel="alternate"/>
    <link href="https://caitty.com/hi/html-formatter/" hreflang="hi" rel="alternate"/>
    <link href="https://caitty.com/ru/html-formatter/" hreflang="ru" rel="alternate"/>
    <link href="https://caitty.com/ja/HTMLフォーマッタ-Caittyツール/" hreflang="ja" rel="alternate"/>
    
    <link href="https://caitty.com/html-formatter/" hreflang="x-default" rel="alternate"/>
<body><p>Cole seu HTML aqui</p></body></link>

">

Recuo:

Saída formatada

Sobre a formatação HTML

A formatação HTML torna seu código mais legível adicionando recuo e quebras de linha adequados. HTML bem formatado é mais fácil de manter, depurar e entender. Esta ferramenta ajuda você a limpar código HTML confuso ou reduzi-lo para uso em produção.