HTML 美化器和格式化程序

格式化 HTML 代码 :

HTML 格式化程序

在上面的字段中输入你的混乱、缩小或混淆的 HTML，以便清理好它并变得漂亮。上面的编辑器还包含有用的行号和语法高亮显示。有很多选择可以根据您的个人格式喜好定制美容器。

什么时候使用 HTML 查看器、HTML 格式化程序、HTML 格式化程序

通常在编写 HTML 时，你的缩进、间距和其他格式可能会变得有点混乱。多个开发人员在具有不同格式化技术的单个项目上工作也很常见。此工具有助于使文件格式保持一致。 对 HTML 进行缩小或模糊处理也很常见。您可以使用此工具使代码看起来漂亮且可读，以便更容易编辑。

示例

下面的缩小的 HTML :

                                                    <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>

变成这个美化 :

<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>