Formateador HTML

Embellezca y formatee el código HTML

Ingrese 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>Pegue su HTML aquí</p></body></link>

">

Sangría:

Salida formateada

Acerca del formato HTML

El formato HTML hace que su código sea más legible agregando sangría y saltos de línea adecuados. Un HTML bien formateado es más fácil de mantener, depurar y comprender. Esta herramienta te ayuda a limpiar código HTML desordenado o minimizarlo para uso en producción.