Ποιότητα κώδικα

Ο έλεγχος διάταξης αναζητά τη χρήση μη σημασιολογικής HTML.

Γιατί το ελέγχουμε αυτό;

Η Σημασιολογική HTML είναι η χρήση της σήμανσης του κώδικα HTML για τον καθορισμό των σημασιών (ή εννοιών) των πληροφοριών σε μια ιστοσελίδα, αντί για το πώς θα πρέπει να εμφανίζονται. Θεωρείται καλύτερη πρακτική όταν χρησιμοποιείτε τη Σημασιολογική HTML για τη σήμανση του εγγράφου σας και στη συνέχεια να χρησιμοποιείτε CSS για το στυλ κατάλληλα. Η χρήση μη σημασιολογικών στοιχείων όπως <i> και <font> αποθαρρύνεται.

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

Πως το ελέγχουμε αυτό;

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

Τι μπορώ να κάνω για αυτό;

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