Μορφοποιητής HTML
Ομορφύνετε HTML με εσοχές που αναγνωρίζουν τα μπλοκ, ή συμπιέστε το. Το περιεχόμενο των pre, textarea, script και style διατηρείται.
Πώς να χρησιμοποιήσετε το Μορφοποιητής HTML
- 01
Επικολλήστε το HTML σου στο πλαίσιο εισόδου.
- 02
Επιλέξτε Ομορφιά για εσοχές ή Συμπίεση για συμπύκνωση.
- 03
Επιλέξτε το μέγεθος εσοχής, μετά αντιγράψτε το αποτέλεσμα.
Τι κάνει ο μορφοποιητής HTML
Αυτός είναι ένας μορφοποιητής HTML που ομορφαίνει τη σήμανση με μπλοκ και ενσωματωμένη εσοχή ή την ελαχιστοποιεί συμπτύσσοντας κενό διάστημα και αφαιρώντας τα σχόλια. Επιλέγετε το μέγεθος της εσοχής κατά τον καλλωπισμό.
Ομορφαίνει εσοχές στοιχεία ανάλογα με το πώς φωλιάζουν, οπότε η δομή ενός εγγράφου, ποια στοιχεία περιέχουν ποια, γίνεται εμφανής. Αυτό κάνει το χειρόγραφο ή δημιουργημένο HTML πολύ πιο εύκολο στην ανάγνωση και τον εντοπισμό σφαλμάτων.
Τόσο η ωραιοποίηση όσο και η ελαχιστοποίηση εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σου, ώστε η σήμανσή σου να μην φεύγει ποτέ από τη συσκευή σου.
Στοιχεία που αφήνει ανέγγιχτα
Αφήνει σκόπιμα τα περιεχόμενα του pre, του textarea, του σεναρίου και του στυλ ανέγγιχτα, επειδή το κενό διάστημα μέσα σε αυτά τα στοιχεία είναι σημαντικό: η επαναδιαμόρφωσή τους θα άλλαζε το προδιαμορφωμένο κείμενο, το τι πληκτρολογούν οι χρήστες ή τη σημασία του κώδικά σου.
Πώς λειτουργεί η ελαχιστοποίηση
Η ελαχιστοποίηση καταργεί τα σχόλια και συμπτύσσει τις σειρές κενών διαστημάτων, το οποίο περικόπτει το μέγεθος του αρχείου που πρέπει να κατεβάσουν τα προγράμματα περιήγησης. Είναι πιο χρήσιμο ως βήμα κατασκευής για σελίδες παραγωγής.
Γιατί κρατά ένα κενό μεταξύ των ετικετών
Το minifier διατηρεί ένα ενιαίο κενό μεταξύ των ετικετών αντί να το αφαιρεί εντελώς, επειδή το κενό διάστημα μεταξύ των ενσωματωμένων στοιχείων στην πραγματικότητα αποδίδεται και η απόρριψή του μπορεί να αλλάξει τη διάταξή σου. Αυτή η προσοχή αποφεύγει τα ανεπαίσθητα οπτικά σφάλματα που μπορούν να προκαλέσουν οι επιθετικοί minifiers.
Συχνές ερωτήσεις
Τι κάνει η ομορφιά του HTML;
Εσοχοποιεί τα στοιχεία βάσει της ένθεσης και της δομής τους, αφήνοντας ανέγγιχτο το περιεχόμενο των pre, textarea, script και style, καθώς εκεί τα κενά είναι σημαντικά.
Πώς λειτουργεί η συμπίεση HTML;
Αφαιρεί σχόλια και συμπτύσσει ακολουθίες κενών σε ένα μόνο κενό. Διατηρεί μονά κενά μεταξύ ετικετών αντί να τα αφαιρεί, επειδή τα κενά μεταξύ ενσωματωμένων στοιχείων αποδίδονται και η αφαίρεσή τους μπορεί να μετατοπίσει τη διάταξη.
Αποστέλλεται το HTML μου σε διακομιστή;
Όχι. Τόσο η ομορφιά όσο και η συμπίεση εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σου, οπότε η σήμανσή σου δεν φεύγει ποτέ από τη συσκευή σου.