Top 10 κακών συνηθειών στη συγγραφή του markup

Το παρόν πόστ δεν έχει τόσο ως σκοπό να βοηθήσει, αλλά να τα γράψω κάπου και να ξεσπάσω διότι πραγματικά έχω κουραστεί απίστευτα να βλέπω ξανά και ξανά τα ίδια λάθη/κακοτεχνίες στον κώδικα κυρίως των πολύ αρχάριων στο αντικείμενο (ή ενίοτε αρκετά “παλιών” που απλά έχουν συνηθίσει έτσι). Το χειρότερο είναι ότι από όσα πανεπιστήμια έχω εμπειρία, είτε προσωπική, είτε μέσω φίλων, η HTML που διδάσκουν σχεδόν πάντα πέφτει σε όλα τα παρακάτω ατοπήματα. Γιατί; Ο λόγος είναι απλός. Ακολουθούν την αρχή “ο,τι δουλεύει μην το πειράζεις”. Δεν έχει σημασία αν ο κώδικας είναι απαίσιος, και παρουσιάζει τα άπειρα λάθη στο validation, ή αν θυμίζει κώδικα ιστοσελίδας του 1996, αυτό που έχει σημασία για τους περισσότερους είναι ότι …δουλεύει όπως θέλουν. Ή έτσι νομίζουν.

1. Έλλειψη DOCTYPE declaration
2. Κεφαλαία στα tags και τα attributes. Ενίοτε βλέπω και περιπτώσεις όπου τα μισά είναι κεφαλαία και τα άλλα μισά πεζά, κάτι που φαίνεται ακόμα χειρότερο.
3. Παράλειψη εισαγωγικών στις τιμές των html attributes
4. Παράλειψη δήλωσης τίτλου της σελίδας (<title>…</title>).
5. Χρησιμοποίηση deprecated tags & attributes, με top τα: <font>, <center>, <u>, <s> και από attributes τις bgcolor, vspace, hspace, link, vlink, leftmargin, topmargin, marginwidth, marginheight
6. Κλασσικότατο: <script language=”JavaScript”>. Πόσες φορές δεν το έχετε δει;
7. Παράλειψη του closing tag στα <li> και <p> elements.
8. Παράλειψη της καθέτου (/) στα self closing tags (πχ img, input κοκ)
9. Αγνόηση των σωστών indents, με αποτέλεσμα το markup να είναι εντελώς δυσανάγνωστο.
10. Παράλειψη του alt tag στα images.

Εσάς τι σας εκνευρίζει όταν το βλέπετε στο markup μιας σελίδας;