Embellecedor y formateador HTML

Formatear código HTML :

Formateador HTML

Introduzca su HTML desordenado, minificado u ofuscado en el campo de arriba para que lo limpie y se haga bonito. El editor anterior también contiene números de línea útiles y resaltado de sintaxis. Hay muchas opciones para adaptar el embellecedor a sus gustos personales de formato.

¿Cuándo se utiliza el Visor HTML, Formateador HTML, Formateador HTML

A menudo, al escribir HTML, la sangría, el espaciado y otros formatos pueden volverse un poco desorganizados. También es común que varios desarrolladores trabajen en un solo proyecto que tienen diferentes técnicas de formato. Esta herramienta es útil para hacer que el formato de un archivo sea coherente. También es común que HTML sea minificado u ofuscado. Puede usar esta herramienta para hacer que el código se vea bonito y legible, por lo que es más fácil de editar.

Ejemplos

El HTML minificado a continuación :

                                                    <ul class="dropdown-menu">
<li><a href="/javascript-minify">Javascript Minify</a></li><li><a href="/css-minify">CSS Minify</a></li><li><a href="/css-beautify">CSS Beautify</a></li><li><a href="/javascript-beautify">Javascript Beautify</a></li><li><a href="/html-beautify">HTML Beautify</a></li><li><a href="/perl-beautify">Perl Beautify</a></li><li><a href="/php-beautify">PHP Beautify</a></li><li><a href="/go-beautify">GO Beautify</a></li><li><a href="/ruby-beautify">Ruby Beautify</a></li><li><a href="/sql-beautify">SQL Beautify</a></li><li><a href="/xml-beautify">XML Beautify</a></li></ul>

Se convierte en este embellecido :

<ul class="dropdown-menu">
    <li><a href="/javascript-minify">Javascript Minify</a>
    </li>
    <li><a href="/css-minify">CSS Minify</a>
    </li>
    <li><a href="/css-beautify">CSS Beautify</a>
    </li>
    <li><a href="/javascript-beautify">Javascript Beautify</a>
    </li>
    <li><a href="/html-beautify">HTML Beautify</a>
    </li>
    <li><a href="/perl-beautify">Perl Beautify</a>
    </li>
    <li><a href="/php-beautify">PHP Beautify</a>
    </li>
    <li><a href="/go-beautify">GO Beautify</a>
    </li>
    <li><a href="/ruby-beautify">Ruby Beautify</a>
    </li>
    <li><a href="/sql-beautify">SQL Beautify</a>
    </li>
    <li><a href="/xml-beautify">XML Beautify</a>
    </li>
</ul>