Công cụ làm đẹp HTML- Trình định dạng và làm đẹp HTML trực tuyến miễn phí

Input data
bfotool loadding
Output data
bfotool loadding

Trình định dạng HTML

Nhập HTML lộn xộn, thu nhỏ hoặc tối nghĩa của bạn vào trường bên trên để làm sạch và làm cho nó đẹp hơn. Trình chỉnh sửa ở trên cũng chứa các số dòng hữu ích và tô sáng cú pháp. Có nhiều tùy chọn để tùy chỉnh trình làm đẹp theo sở thích định dạng cá nhân của bạn.

Khi nào bạn sử dụng HTML Viewer, HTML Formatter, HTML Formatter

Thông thường khi viết HTML, thụt lề, khoảng cách và các định dạng khác của bạn có thể trở nên hơi lộn xộn. Nhiều nhà phát triển làm việc trên một dự án duy nhất có các kỹ thuật định dạng khác nhau cũng là điều thường thấy. Công cụ này hữu ích để định dạng tệp nhất quán. HTML cũng thường được thu nhỏ hoặc làm tối nghĩa. Bạn có thể sử dụng công cụ này để làm cho mã đó trông đẹp và dễ đọc để dễ chỉnh sửa hơn.

Ví dụ về Trình định dạng HTML

Mã HTML thu nhỏ bên dưới:

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

Trở nên đẹp đẽ thế này:

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