Η κωδικοποίηση HTML γίνεται εύκολα με την κωδικοποίηση Zen

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

Το Zen Coding είναι βασικά ένα σύνολο προσθηκών που μπορούν να λειτουργήσουν με μια τεράστια ποικιλία προγραμμάτων επεξεργασίας κειμένου (Notepad ++, Coda, Espresso, Aptana, Komodo κ.λπ., για να αναφέρουμε μερικά). Η ειδικότητά τους είναι να επεκτείνουν τις συντομογραφίες σε πλήρεις δομές HTML, με έναν πιο έξυπνο, απίστευτο τρόπο.

Η δομή HTML που εμφανίζεται στο στιγμιότυπο οθόνης είναι ευγενική προσφορά μερικών γραμμών, που επεκτάθηκε από την ίδια την Zen Coding. Όπως φαίνεται στο στιγμιότυπο οθόνης, η προσθήκη εμφανίζεται ως μενού στην κύρια γραμμή εργαλείων όταν είναι ενσωματωμένη στο Notepad ++. Αυτό μπορεί να αλλάξει από συντάκτη σε συντάκτη.

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

Αυτή η απλή σύνταξη καθοδηγεί έτσι. Η επέκταση ξεκινά με μια ετικέτα "div" και οτιδήποτε μετά το # θα αναγνωρίσει το "id" για την προηγούμενη ετικέτα. Το> δείχνει πώς θα ανέβουν οι θυγατρικές ετικέτες από ποια ετικέτα, η οποία σε αυτήν την περίπτωση είναι «πίνακας», «tr», «td» κ.λπ. Ο πολλαπλασιαστής επί 5 δείχνει ότι η προηγούμενη ετικέτα πρέπει να επαναληφθεί πολλές φορές. Τέλος, η ετικέτα υπερσύνδεσης συσχετίζεται επίσης με μια «κλάση», που καθορίζεται μέσω της χρήσης της περιόδου. Ως εκ τούτου, αυτή η σύνταξη μεταφράζεται σε αυτό:

Οι δυνατότητες με το Zen Coding είναι τεράστιες. Αυτή η εντολή που άγγιξα παραπάνω, δεν πλησιάζει καν την αρχή. Η μεταφορά μιας μικρής παραλλαγής στη σύνταξή σας μπορεί να προκαλέσει μεγάλη ποικιλία στην έξοδο HTML. Πάρτε για παράδειγμα, τη σύνταξη και την έξοδο HTML παρακάτω.

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

Η κάλυψη όλων των χαρακτηριστικών του Zen Coding είναι πέρα ​​από την προσέγγιση αυτής της κριτικής, επομένως σας καλωσορίζουμε για να εξερευνήσετε την προσθήκη. Το Zen Coding μπορεί να γίνει η σωτηρία για οποιονδήποτε κωδικοποιητή HTML, CSS καλλιτέχνη κ.λπ. και μπορεί ακόμη και να προσελκύσει όσους θέλουν να πειραματιστούν με αυτό. Θα πιεστείτε σκληρά για να βρείτε οποιονδήποτε έχει κάτι κακό στο Zen Coding, είναι πραγματικά τόσο καλός.

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

Τα πρόσθετα Zen Coding είναι διαθέσιμα για διάφορους επεξεργαστές κειμένου μεταξύ πλατφορμών.

Λήψη της κωδικοποίησης Zen