Αρχική σελίδα » Κωδικοποίηση » Καθαρίστε Messy HTML κώδικα με πλυντήριο HTML

    Καθαρίστε Messy HTML κώδικα με πλυντήριο HTML

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

    Με το HTML πλυντήριο εφαρμογή web, μπορείτε να καθαρίσει αυτόματα κάθε κώδικα HTML με το πάτημα ενός κουμπιού.

    Αυτή η εφαρμογή ιστού καταργεί όλες τις εξωγενείς λειτουργίες εκτός HTML, συμπεριλαμβανομένων των υπερβολικών CSS και JavaScript. Θα είναι επίσης απομακρύνουν τις περισσότερες κατηγορίες και ιδιότητες να αφήσετε μόνο το πρότυπο HTML των γυμνών οστών.

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

    Μπορεί επίσης να θέλετε να απαλείψτε τα σχόλια HTML και απλοποιήσει περαιτέρω τον κώδικα. Αυτό είναι όπου το πλυντήριο HTML έρχεται σε πρακτικό.

    Έχει μια χούφτα κομψά χαρακτηριστικά και αυτά είναι τα πιο χρήσιμα για τους προγραμματιστές:

    • Μετατρέπει τον κώδικα σε HTML5 (από HTML4 / XHTML)
    • Διορθώνει εσφαλμένες μορφοποιημένες ετικέτες
    • Αναμορφώνει το HTML με σωστή εσοχή
    • Καταργεί όλα τα inline scripts & CSS

    Σημειώστε ότι το πλυντήριο HTML δεν είναι μια πλήρης λύση για τη μεταφορά μιας παλαιότερης διάταξης σε HTML5. Ούτε είναι ένα τέλειο εργαλείο για την κυριολεκτική αντιγραφή / επικόλληση μιας υπάρχουσας διάταξης και τη δημιουργία της δικής σας.

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

    Αν και, αν υπάρχει οι ετικέτες δεν έχουν alt τα χαρακτηριστικά αυτού του πλυντηρίου HTML θα τα προσθέσει στη σελίδα. Έχει σκοπό να εξάγει HTML που είναι πλήρως συμβατό με τα σύγχρονα πρότυπα κωδικοποίησης και προσβασιμότητας.

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

    Αυτή τη στιγμή δεν είναι δυνατή με το πλυντήριο HTML, αν και εδώ ελπίζουμε ότι μπορεί να προστεθεί σε μια μελλοντική ενημέρωση!

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

    Προς το δείτε ότι ζει σε δράση, δείτε το κύριο site και δώστε το. Εάν αυτό είναι κάτι που θα μπορούσατε να δείτε τον εαυτό σας χρησιμοποιώντας βεβαιωθείτε ότι το σελιδοδείκτη.

    Και εάν έχετε οποιεσδήποτε προτάσεις για βελτιώσεις, γράψτε ένα γρήγορο μήνυμα στον προγραμματιστή στο Twitter @HtmlWasher.