HTML 美化工具- 免费在线 HTML 格式化程序和美化器

Input data
bfotool loadding
Output data
bfotool loadding

HTML 格式化程序

将您凌乱、压缩或混淆的 HTML 代码输入到上方的字段中，即可将其清理干净，变得美观大方。上方的编辑器还包含实用的行号和语法高亮显示功能。此外，还有许多选项可供您根据个人格式偏好定制美化器。

何时使用 HTML 查看器、HTML 格式化程序、HTML 格式化程序

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