HTML 整形ツール- 無料のオンライン HTML フォーマッターと整形ツール

Input data
bfotool loadding
Output data
bfotool loadding

HTMLフォーマッタ

乱雑なHTML、縮小されたHTML、または難読化されたHTMLを上のフィールドに入力すると、クリーンアップされ、美しく整えられます。上のエディタには、便利な行番号表示と構文ハイライト機能も搭載されています。お好みの書式設定に合わせて、美化機能をカスタマイズするためのオプションも多数あります。

HTMLビューア、HTMLフォーマッタ、HTMLフォーマッタはいつ使用しますか？

HTMLを書くと、インデント、スペース、その他の書式設定が乱れてしまうことがよくあります。また、複数の開発者が1つのプロジェクトで作業し、それぞれが異なる書式設定手法を使用している場合も珍しくありません。このツールは、ファイルの書式設定を統一するのに役立ちます。また、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>