Δωρεάν Online HTML Beautifier / Formatter

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>