Δωρεάν HTML Formatter

Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.

Εσοχή

HTML

Μορφοποιημένο HTML

Επικολλήστε HTML για μορφοποίηση

Κοινοποιήστε αυτό το εργαλείο

Τι κάνει ένα HTML Formatter;

Ένα HTML Formatter μετατρέπει τη συμπιεσμένη ή ανομοιόμορφα στοιχισμένη σήμανση σε ευανάγνωστο HTML με σταθερές εσοχές. Επικολλήστε ένα έγγραφο ή τμήμα, επιλέξτε δύο κενά, τέσσερα κενά ή tab και αντιγράψτε το αποτέλεσμα. Αναγνωρίζει τα κενά στοιχεία HTML5, τις συνηθισμένες προαιρετικές ετικέτες κλεισίματος και το ακατέργαστο περιεχόμενο των script και style. Όλη η επεξεργασία γίνεται στον browser.

Πώς λειτουργεί

1Επικολλήστε το HTML. Προσθέστε ένα πλήρες έγγραφο HTML, ένα template ή ένα τμήμα στο πεδίο εισόδου ή φορτώστε το παράδειγμα.
2Επιλέξτε εσοχή. Επιλέξτε δύο κενά, τέσσερα κενά ή tab. Το μορφοποιημένο αποτέλεσμα ενημερώνεται αμέσως.
3Ελέγξτε τη δομή. Δείτε τον αριθμό στοιχείων, γνωρισμάτων και επιπέδων βάθους και έπειτα διαβάστε το αποτέλεσμα με τις εσοχές.
4Αντιγράψτε το αποτέλεσμα. Αντιγράψτε το μορφοποιημένο HTML στον editor, στο CMS ή στη διαδικασία ελέγχου κώδικα.

Σε ποιους απευθύνεται

Προγραμματιστές frontend που τακτοποιούν ένα συμπιεσμένο template πριν εντοπίσουν πρόβλημα στην ένθεση ή ελέγξουν ένα diff.
Προγραμματιστές email που θέλουν να διαβάζουν ευκολότερα τη σήμανση ενός newsletter χωρίς να στέλνουν το ιδιωτικό HTML της καμπάνιας σε server.
Συντάκτες CMS που ξεκαθαρίζουν τη δομή ενός component ή τμήματος σελίδας πριν αλλάξουν classes, συνδέσμους ή περιεχόμενο.
Σπουδαστές που παρατηρούν τη σχέση γονικών και θυγατρικών στοιχείων σε ένα πραγματικό έγγραφο HTML μέσα από σταθερές εσοχές.

Αυτό το εργαλείο εστιάζει στην ευανάγνωστη δομή. Τοποθετεί τα ένθετα στοιχεία στο σωστό βάθος και διατηρεί ορατά τα γνωρίσματα, τα σχόλια, τις δηλώσεις και το κείμενο. Δεν αφαιρεί σχόλια ούτε μειώνει το μέγεθος του αρχείου, επομένως δεν αντικαθιστά ένα HTML minifier. Η σήμανση επεξεργάζεται τοπικά και δεν αποστέλλεται πουθενά.

Συχνές ερωτήσεις

Είναι δωρεάν αυτό το HTML Formatter;

Ναι. Το HTML Formatter είναι δωρεάν, χωρίς εγγραφή, λήψη ή όριο χρήσης. Επικολλήστε ένα έγγραφο ή τμήμα HTML, επιλέξτε τον τύπο εσοχής και αντιγράψτε το μορφοποιημένο αποτέλεσμα απευθείας από τον browser.

Αποστέλλεται κάπου το HTML μου;

Όχι. Η μορφοποίηση γίνεται τοπικά στον browser. Το HTML που επικολλάτε δεν αποστέλλεται σε server, επομένως μπορείτε να επεξεργαστείτε εσωτερικά templates, μη δημοσιευμένες landing pages, σήμανση email και τμήματα με ιδιωτικά URL ή αναγνωριστικά.

Πόσο HTML μπορώ να μορφοποιήσω;

Δεν υπάρχει σταθερό όριο από server, επειδή δεν μεταφορτώνεται τίποτα. Τα πολύ μεγάλα έγγραφα εξαρτώνται από τον browser και τη μνήμη της συσκευής, αλλά οι συνηθισμένες σελίδες, τα components, τα templates email και τα τμήματα πηγαίου κώδικα μορφοποιούνται αμέσως.

Αναγνωρίζει ετικέτες χωρίς ετικέτα κλεισίματος;

Ναι. Αναγνωρίζει κενά στοιχεία HTML5 όπως img, br, input, meta και link, τα οποία δεν χρειάζονται ετικέτα κλεισίματος. Κατά τον υπολογισμό των σωστών εσοχών χειρίζεται επίσης τις συνηθισμένες προαιρετικές καταλήξεις για στοιχεία λίστας, παραγράφους, επιλογές, γραμμές και κελιά πίνακα.

Αλλάζει το περιεχόμενο των script και style;

Το εργαλείο αντιμετωπίζει το περιεχόμενο των script και style ως ακατέργαστο κείμενο. Έτσι, οι τελεστές σύγκρισης, οι επιλογείς CSS και τα strings με σύμβολα μικρότερο από δεν εκλαμβάνονται ως ετικέτες HTML. Ρυθμίζει την εσοχή του block, αλλά δεν ξαναγράφει τη JavaScript ή το CSS.

Ελέγχει ή διορθώνει μη έγκυρο HTML;

Όχι. Είναι εργαλείο μορφοποίησης, όχι validator προτύπων ή υπηρεσία αυτόματης διόρθωσης. Αναφέρει εμφανώς ανοικτά σχόλια, δηλώσεις, ετικέτες και στοιχεία ακατέργαστου κειμένου, ενώ αποδέχεται τις προαιρετικές ετικέτες κλεισίματος που επιτρέπει η HTML. Για έλεγχο συμμόρφωσης χρησιμοποιήστε το Nu HTML Checker.

Ποια είναι η διαφορά ανάμεσα σε HTML Formatter και minifier;

Το Formatter προσθέτει αλλαγές γραμμής και εσοχές ώστε η σήμανση να διαβάζεται και να τροποποιείται εύκολα. Το minifier αφαιρεί προαιρετικά κενά και μπορεί να διαγράψει σχόλια για μικρότερο μέγεθος μεταφοράς. Αυτή η σελίδα μορφοποιεί μόνο HTML και διατηρεί ορατή τη μορφή και τα σχόλια.