HTML Beautify Tool- უფასო ონლაინ HTML ფორმატირებისა და გალამაზების ინსტრუმენტი

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>