# Μορφοποιητής HTML

Μορφοποιήστε αποσπάσματα HTML με αυτόν τον μορφοποιητή HTML. Επικολλήστε τη σήμανση και το εργαλείο τοποθετεί στοιχεία μπλοκ, όπως div, section, p, ul και table, σε ξεχωριστές γραμμές με εσοχή δύο διαστημάτων, συμπτύσσει τα περιττά κενά στο ενσωματωμένο περιεχόμενο, μορφοποιεί τα ενσωματωμένα CSS και JavaScript, και αφήνει ανέπαφο το περιεχόμενο των pre και textarea. Ιδανικό για προγραμματιστές ιστού και σχεδιαστές που θέλουν να καθαρίσουν επικολλημένη, παραγόμενη ή ελαχιστοποιημένη σήμανση για ευκολότερη ανάγνωση και αναθεώρηση.

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

### Πώς αποφασίζει ο μορφοποιητής HTML πού θα αλλάζει γραμμή;

Ένα στοιχείο που περιέχει θυγατρικά στοιχεία επιπέδου μπλοκ, όπως div, section, article, header, footer, nav, main, form, p, h1 έως h6, ul, ol, table ή blockquote, αναπτύσσεται έτσι ώστε κάθε θυγατρικό στοιχείο να βρίσκεται στη δική του γραμμή, με εσοχή δύο διαστημάτων. Τα στοιχεία χωρίς θυγατρικά στοιχεία μπλοκ παραμένουν σε μία γραμμή.

### Γιατί ολόκληρο το έγγραφό μου HTML επιστρέφεται σε μία γραμμή;

Στους κανόνες του μορφοποιητή, τα στοιχεία html, head και body δεν θεωρούνται ετικέτες επιπέδου μπλοκ, οπότε ένα έγγραφο που περικλείεται σε αυτά παραμένει ενιαίο, εκτός από το doctype. Επικολλήστε το περιεχόμενο που βρίσκεται μέσα στο body ή το απόσπασμα με το οποίο εργάζεστε, για να αναπτυχθεί.

### Τι συμβαίνει με τα κενά;

Μέσα στο ενσωματωμένο περιεχόμενο, οι ακολουθίες διαστημάτων, στηλοθετών και αλλαγών γραμμής συμπτύσσονται σε ένα διάστημα, όπως ακριβώς τις εμφανίζουν τα προγράμματα περιήγησης. Το περιεχόμενο των στοιχείων pre και textarea διατηρεί ακριβώς τα κενά του.

### Μορφοποιούνται τα ενσωματωμένα script και style;

Ναι, τα μπλοκ style μορφοποιούνται ως CSS και τα μπλοκ script ως JavaScript, ή ως JSON για τύπους JSON και JSON-LD. Τα script με άλλους τύπους, όπως τα πρότυπα κειμένου, διατηρούνται ακριβώς όπως είναι γραμμένα.

### Πώς γράφονται τα κενά στοιχεία;

Οι ετικέτες αυτοκλεισίματος, όπως η <br/>, γράφονται με ένα διάστημα πριν από την κάθετο, ως <br />. Τα κενά στοιχεία που γράφονται χωρίς κάθετο, όπως η <img src="a.png">, διατηρούν την αρχική τους μορφή.

### Αλλάζουν τα χαρακτηριστικά;

Όχι, τα χαρακτηριστικά, τα εισαγωγικά τους και η σειρά τους διατηρούνται ακριβώς όπως είναι γραμμένα. Αναδιατάσσονται μόνο τα κενά μεταξύ των στοιχείων.

### Διατηρούνται τα σχόλια;

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

### Διορθώνει ο μορφοποιητής μη έγκυρο HTML;

Όχι, δεν επικυρώνει ούτε επιδιορθώνει τη σήμανση. Οι μη κλειστές ετικέτες μορφοποιούνται όσο καλύτερα γίνεται, επομένως εκτελέστε έναν επικυρωτή όταν χρειάζεται να εντοπίσετε δομικά σφάλματα.

### Γιατί το αποτέλεσμα περικλείεται σε μπλοκ κώδικα html;

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

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

Έως 5 MB ανά εκτέλεση· μεγαλύτερη είσοδος απορρίπτεται με σχετικό μήνυμα. Το αποτέλεσμα είναι ίδιο με την επιλογή HTML του Code Formatter.

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20OneClick%20Pro)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=oneclickpro)