Ομορφύνετε HTML με εσοχές που αναγνωρίζουν τα μπλοκ, ή συμπιέστε το. Το περιεχόμενο των pre, textarea, script και style διατηρείται.
Πώς να χρησιμοποιήσετε το Μορφοποιητής HTML
Επικολλήστε το HTML σας στο πλαίσιο εισόδου.
Επιλέξτε Ομορφιά για εσοχές ή Συμπίεση για συμπύκνωση.
Επιλέξτε το μέγεθος εσοχής, μετά αντιγράψτε το αποτέλεσμα.
This is an HTML formatter that beautifies markup with block and inline aware indentation, or minifies it by collapsing whitespace and stripping comments. You pick the indent size when beautifying.
Beautifying indents elements according to how they nest, so the structure of a document, which elements contain which, becomes obvious. That makes hand-written or generated HTML far easier to read and debug.
Both beautify and minify run entirely in your browser, so your markup never leaves your device.
It deliberately leaves the contents of pre, textarea, script and style untouched, because whitespace inside those elements is significant: reformatting them would change preformatted text, what users type, or the meaning of your code.
Minifying removes comments and collapses runs of whitespace, which trims the file size browsers have to download. It is most useful as a build step for production pages.
The minifier keeps a single space between tags rather than removing it entirely, because whitespace between inline elements is actually rendered, and dropping it can shift your layout. This caution avoids the subtle visual bugs aggressive minifiers can cause.
Συχνές ερωτήσεις
Εσοχοποιεί τα στοιχεία βάσει της ένθεσης και της δομής τους, αφήνοντας ανέγγιχτο το περιεχόμενο των pre, textarea, script και style, καθώς εκεί τα κενά είναι σημαντικά.
Αφαιρεί σχόλια και συμπτύσσει ακολουθίες κενών σε ένα μόνο κενό. Διατηρεί μονά κενά μεταξύ ετικετών αντί να τα αφαιρεί, επειδή τα κενά μεταξύ ενσωματωμένων στοιχείων αποδίδονται και η αφαίρεσή τους μπορεί να μετατοπίσει τη διάταξη.
Όχι. Τόσο η ομορφιά όσο και η συμπίεση εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας, οπότε η σήμανσή σας δεν φεύγει ποτέ από τη συσκευή σας.
Ενσωματώστε αυτό το εργαλείο
Προσθέστε αυτό το εργαλείο στον δικό σας ιστότοπο. Αντιγράψτε το παρακάτω απόσπασμα, ενημερώνεται αυτόματα.
<iframe src="https://monu.tools/embed/el/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Σχετικά εργαλεία
Ομορφύνετε και μορφοποιήστε JavaScript με συνεπείς εσοχές και αποστάσεις. Εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.
Μετατρέψτε CSV σε αρχείο Excel .xlsx και Excel πίσω σε CSV, εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Λειτουργεί και προς τις δύο κατευθύνσεις.
Δημιουργήστε διεπαφές TypeScript από ένα δείγμα JSON, με ένθετους τύπους, πίνακες και προαιρετικά πεδία. Εκτελείται στο πρόγραμμα περιήγησής σας.
Μετατρέψτε JSON σε XML και XML πίσω σε JSON, και προς τις δύο κατευθύνσεις, εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.