Σχολιάστηκε σωστά HTML η σήμανση είναι ένα σημαντικό μέρος μιας καλά κατασκευασμένης ιστοσελίδας. Αυτά τα σχόλια είναι εύκολο να προστεθούν και όποιος πρέπει να εργαστεί στον κώδικα αυτού του ιστότοπου στο μέλλον (συμπεριλαμβανομένου του εαυτού σας ή των μελών οποιασδήποτε ομάδας με την οποία συνεργάζεστε) θα σας ευχαριστήσει για αυτά τα σχόλια.
Πώς να προσθέσετε σχόλια HTML
Η HTML μπορεί να δημιουργηθεί με έναν τυπικό επεξεργαστή κειμένου, όπως το Σημειωματάριο ++ για Windows ή το TextEdit για Mac. Μπορείτε επίσης να χρησιμοποιήσετε ένα πρόγραμμα που εστιάζει στο σχεδιασμό ιστοσελίδων όπως το Adobe Dreamweaver ή ακόμα και μια πλατφόρμα CMS όπως το Wordpress ή το ExpressionEngine. Ανεξάρτητα από το εργαλείο που χρησιμοποιείτε για τη σύνταξη HTML, εάν εργάζεστε απευθείας με τον κώδικα, θα προσθέσατε σχόλια HTML όπως αυτό:
Προσθέστε το πρώτο μέρος της ετικέτας σχολίων HTML:
Μετά από αυτό το εισαγωγικό κομμάτι του σχολίου, γράψτε ό, τι κείμενο θέλετε να εμφανίζεται για αυτό το σχόλιο. Αυτό είναι πιθανό να είναι οδηγίες για εσάς ή έναν άλλο προγραμματιστή στο μέλλον. Για παράδειγμα, εάν θέλετε να ορίσετε πού ξεκινά ή τελειώνει μια συγκεκριμένη ενότητα σε μια σελίδα, θα μπορούσατε να χρησιμοποιήσετε ένα σχόλιο για να το αναλύσετε.
Μόλις ολοκληρωθεί το κείμενο του σχολίου σας, κλείστε την ετικέτα σχολίου ως εξής:
Συνολικά, το σχόλιό σας θα μοιάζει με αυτό:
Είναι πραγματικά τόσο απλό.
Η εμφάνιση σχολίων
Τυχόν σχόλια που προσθέτετε στον κώδικα HTML θα εμφανίζονται σε αυτόν τον κώδικα όταν κάποιος προβάλλει την πηγή της ιστοσελίδας ή ανοίγει το HTML σε ένα πρόγραμμα επεξεργασίας για να κάνει κάποιες αλλαγές. Αυτό το κείμενο σχολίων, ωστόσο, δεν θα εμφανίζεται στο πρόγραμμα περιήγησης ιστού όταν οι κανονικοί επισκέπτες επισκέπτονται τον ιστότοπο. Σε αντίθεση με άλλα στοιχεία HTML, συμπεριλαμβανομένων παραγράφων, επικεφαλίδων ή λιστών, που επηρεάζουν πραγματικά τη σελίδα μέσα σε αυτά τα προγράμματα περιήγησης, τα σχόλια είναι πραγματικά "πίσω από τα παρασκήνια" κομμάτια της σελίδας.
Σχόλια για σκοπούς δοκιμής
Επειδή τα σχόλια δεν εμφανίζονται σε ένα πρόγραμμα περιήγησης ιστού, μπορούν να χρησιμοποιηθούν για "απενεργοποίηση" τμημάτων μιας σελίδας κατά τη διάρκεια της δοκιμής ή της ανάπτυξης σελίδων. Εάν προσθέσετε το αρχικό μέρος ενός σχολίου αμέσως πριν από το τμήμα της σελίδας / κώδικα που θέλετε να αποκρύψετε και μετά προσθέσετε το κλείσιμο τμήματος στο τέλος αυτού του κώδικα (τα σχόλια HTML μπορούν να εκτείνονται σε πολλές γραμμές, ώστε να μπορείτε να ανοίξετε ένα σχόλιο στην αναφερθείσα γραμμή 50 του κώδικα σας και κλείστε το στη γραμμή 75 χωρίς προβλήματα), τότε όποια στοιχεία HTML εμπίπτουν στο σχόλιο δεν θα εμφανίζονται πλέον στο πρόγραμμα περιήγησης. Θα παραμείνουν στον κωδικό σας, αλλά δεν θα επηρεάσουν την οπτική εμφάνιση της σελίδας. Εάν πρέπει να δοκιμάσετε μια σελίδα για να δείτε εάν μια συγκεκριμένη ενότητα προκαλεί προβλήματα κ.λπ., το σχολιασμό αυτής της περιοχής είναι προτιμότερο από τη διαγραφή της. Με σχόλια, εάν η εν λόγω ενότητα του κώδικα αποδειχθεί ότι δεν είναι το πρόβλημα, μπορείτε εύκολα να αφαιρέσετε τα κομμάτια σχολίων και αυτός ο κώδικας θα εμφανιστεί ξανά. Απλώς βεβαιωθείτε ότι αυτά τα σχόλια που χρησιμοποιούνται για δοκιμές δεν τα μετατρέπουν σε ιστότοπους παραγωγής. Εάν μια περιοχή μιας σελίδας δεν πρέπει να εμφανίζεται, θέλετε να καταργήσετε τον κώδικα, όχι μόνο να τον σχολιάσετε, προτού ξεκινήσετε αυτόν τον ιστότοπο.
Μια εξαιρετική χρήση σχολίων HTML κατά την ανάπτυξη είναι όταν δημιουργείτε μια ιστοσελίδα που ανταποκρίνεται. Επειδή διαφορετικά μέρη αυτού του ιστότοπου θα αλλάξουν την εμφάνισή τους με βάση διαφορετικά μεγέθη οθόνης, συμπεριλαμβανομένων ορισμένων περιοχών που ενδέχεται να μην εμφανίζονται καθόλου, η χρήση σχολίων για εναλλαγή τμημάτων μιας σελίδας ενεργοποίησης ή απενεργοποίησης μπορεί να είναι ένα γρήγορο και εύκολο κόλπο στη χρήση κατά τη διάρκεια της ανάπτυξης.
Όσον αφορά την απόδοση
Έχω δει ορισμένους επαγγελματίες του διαδικτύου να προτείνουν ότι τα σχόλια πρέπει να αφαιρεθούν από αρχεία HTML και CSS, προκειμένου να μειωθεί το μέγεθος αυτών των αρχείων και να δημιουργηθούν σελίδες ταχύτερης φόρτωσης. Ενώ συμφωνώ ότι οι σελίδες πρέπει να είναι βελτιστοποιημένη για απόδοση και θα πρέπει να φορτωθεί γρήγορα, υπάρχει ακόμη ένα μέρος για την έξυπνη χρήση σχολίων στον κώδικα. Θυμηθείτε, αυτά τα σχόλια έχουν σκοπό να διευκολύνουν την εργασία σε έναν ιστότοπο στο μέλλον, αρκεί να μην το παρακάνετε σχόλια που προστέθηκαν σε κάθε γραμμή του κωδικού σας, το μικρό μέγεθος του μεγέθους του αρχείου που προστέθηκε σε μια σελίδα λόγω σχολίων πρέπει να είναι περισσότερο από δεκτός.
Συμβουλές για τη χρήση σχολίων
Μερικά πράγματα που πρέπει να έχετε υπόψη ή να θυμάστε όταν χρησιμοποιείτε σχόλια HTML:
- Τα σχόλια μπορεί να είναι πολλαπλές γραμμές.
- Χρησιμοποιήστε σχόλια για να τεκμηριώσετε την ανάπτυξη της σελίδας σας.
- Τα σχόλια μπορούν επίσης να τεκμηριώσουν περιεχόμενο, σειρές πινάκων ή στήλες, αλλαγές κομματιού ή οτιδήποτε άλλο θέλετε.
- Σχόλια που "απενεργοποιούν" περιοχές ενός ιστότοπου δεν θα πρέπει να τεθούν σε παραγωγή εκτός εάν αυτή η αλλαγή είναι προσωρινό που θα αντιστραφεί σε σύντομη σειρά (όπως ενεργοποίηση ή απενεργοποίηση ενός μηνύματος ειδοποίησης ως απαιτείται).