Ποια είναι η διαφορά μεταξύ ετικετών πίνακα TH και TD HTML;

Τα τραπέζια έχουν από καιρό πάρει ένα κακό ραπ στο σχεδιασμό ιστοσελίδων. Πριν από πολλά χρόνια, οι πίνακες HTML χρησιμοποιήθηκαν για τη διάταξη, κάτι που προφανώς δεν ήταν αυτό για το οποίο προορίζονταν. Καθώς το CSS έγινε δημοφιλής χρήση για διάταξη ιστότοπου, η ιδέα ότι «οι πίνακες είναι κακοί» κρατήθηκε. Δυστυχώς, πολλοί άνθρωποι το παρανόησαν αυτό να σημαίνει ότι οι πίνακες HTML είναι όλοι κακοί, όλη την ώρα. Αυτό δεν ισχύει καθόλου. Η αλήθεια είναι ότι οι πίνακες HTML είναι κακοί όταν χρησιμοποιούσαν για κάτι διαφορετικό από τον πραγματικό τους σκοπό, δηλαδή να εμφανίζουν δεδομένα πίνακα (υπολογιστικά φύλλα, ημερολόγια κ.λπ.). Εάν δημιουργείτε έναν ιστότοπο και έχετε μια σελίδα με τέτοιου είδους δεδομένα πίνακα, δεν πρέπει να διστάσετε να χρησιμοποιήσετε έναν πίνακα HTML στη σελίδα σας.

Τι πρέπει να κάνουν

και

;

Η ετικέτα

ή «δεδομένα πίνακα» δημιουργεί κελιά πίνακα σε μια σειρά πίνακα σε έναν πίνακα HTML. Αυτή είναι η ετικέτα HTML που περιέχει οποιοδήποτε κείμενο και εικόνες. Βασικά, αυτή είναι η ετικέτα εργασίας του τραπεζιού σας. Οι ετικέτες θα περιέχουν το περιεχόμενο του πίνακα HTML. Η ετικέτα

ή «κεφαλίδα πίνακα» είναι παρόμοια με την

με πολλούς τρόπους. Μπορεί να περιέχει το ίδιο είδος πληροφοριών (αν και δεν θα τοποθετούσατε μια εικόνα σε

), αλλά ορίζει το συγκεκριμένο κελί ως κεφαλίδα πίνακα. Τα περισσότερα προγράμματα περιήγησης ιστού αλλάζουν το βάρος γραμματοσειράς σε έντονη γραφή και στο κέντρο του περιεχομένου σε ένα κελί. Φυσικά, μπορείτε να χρησιμοποιήσετε στυλ CSS για να κάνετε αυτές τις κεφαλίδες πίνακα, καθώς και τα περιεχόμενα των ετικετών σας, να μοιάζουν με οποιονδήποτε τρόπο θέλετε να εμφανίζονται στην ιστοσελίδα που αποδίδεται.

Πότε πρέπει να χρησιμοποιήσετε το

μάλλον από το

;

Η ετικέτα

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

Μην χρησιμοποιείτε

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

1. Δεν μπορείτε να βασίζεστε σε προγράμματα περιήγησης ιστού που εμφανίζουν πάντα το περιεχόμενο με αυτόν τον τρόπο. Τα μελλοντικά προγράμματα περιήγησης ενδέχεται να αλλάξουν το χρώμα από προεπιλογή ή να μην κάνουν καθόλου οπτικές αλλαγές στο περιεχόμενο . Δεν πρέπει ποτέ να βασίζεστε αποκλειστικά στα προεπιλεγμένα στυλ του προγράμματος περιήγησης και να μην χρησιμοποιείτε ποτέ ένα στοιχείο HTML λόγω του τρόπου με τον οποίο «φαίνεται» από προεπιλογή.
2. Είναι σημασιολογικά λανθασμένο. Οι πράκτορες χρήστη που διαβάζουν το κείμενο ενδέχεται να προσθέσουν ακουστική μορφοποίηση όπως «κεφαλίδα σειράς: το κείμενό σας» για να υποδείξουν ότι βρίσκεται σε ένα κελί . Επιπλέον, ορισμένες εφαρμογές ιστού εκτυπώνουν τις κεφαλίδες του πίνακα στην κορυφή κάθε σελίδας, κάτι που θα οδηγούσε σε προβλήματα εάν το κελί δεν είναι στην πραγματικότητα μια κεφαλίδα, αλλά αντ ‘αυτού χρησιμοποιείται μόνο για στιλιστικούς λόγους. Κατώτατη γραμμή – η χρήση ετικετών με αυτόν τον τρόπο μπορεί να προκαλέσει προβλήματα προσβασιμότητας για πολλούς χρήστες, ειδικά εκείνους που χρησιμοποιούν υποβοηθούμενες συσκευές για πρόσβαση στο περιεχόμενο του ιστότοπού σας.
3. Θα πρέπει να χρησιμοποιήσετε το CSS για να ορίσετε πώς φαίνονται τα κελιά. Ο διαχωρισμός του στυλ (CSS) και της δομής (HTML) αποτελεί βέλτιστη πρακτική στον σχεδιασμό ιστοσελίδων για πολλά χρόνια. Για άλλη μια φορά, χρησιμοποιήστε το επειδή το περιεχόμενο αυτού του κελιού είναι μια κεφαλίδα, όχι επειδή σας αρέσει ο τρόπος με τον οποίο το πρόγραμμα περιήγησης είναι πιθανό να αποδώσει αυτό το περιεχόμενο από προεπιλογή.