Πίνακες ετικετών TH και TD HTML

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

Τι να κάνετε και Κάνω?

ο

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

ο

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

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

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

ο

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

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

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