免费在线 HTML 美化器/格式化程序

Input data
bfotool loadding
Output data
bfotool loadding

HTML 格式化程序

在上面的字段中输入您凌乱、缩小或混淆的 HTML 以将其清理并变得漂亮。上面的编辑器还包含有用的行号和语法突出显示。有许多选项可以根据您的个人格式喜好定制美化器。

什么时候使用 HTML Viewer、HTML Formatter、HTML Formatter

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

示例 HTML 格式化程序

下面的缩小 HTML：

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

变成这样美化：

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>