Τελευταίο μάθημα σήμερα! Θα κλείσουμε με μια περίληψη των διαθέσιμων tags για πίνακας και δυο-τρία ακόμα.
<table>
Το βασικό tag ενός πίνακα της HTML στους οποίους έχω ήδη αφιερώσει ένα άρθρο.
<tbody> (table body)
Περικλείει το κυρίως σώμα του πίνακα -προαιρετικά- σε περίπτωση που είναι μεγάλο (σε ύψος) και βοηθάει τους browsers να το εκτυπώσουν και τους screen readers να το διαβάσουν.
<td> (table data cell)
Ορίζει ένα κελί, συνήθως στο κυρίως μέρος του πίνακα.
<textarea> (multi-line text field)
Άσχετο με τα tables αλλά είναι η σειρά του! Πρόκειται για ένα πεδίο φόρμας — δείτε το άρθρο.
<tfoot> (table footer)
Δηλώνει το «υποσέλιδο» ενός πίνακα και χρησιμοποιείται για π.χ. σύνολα με βάση τα περιεχόμενα του πίνακα. Αν υπάρχει, θα πρέπει (στον κώδικα) να εμφανίζεται πριν από το <tbody>.
<th> (table header cell)
Και αυτό ορίζει ένα κελί (όπως το <td>) αλλά χρησιμοποιείται στην επικεφαλίδα του πίνακα ή στο <tfoot>.
<thead> (table header)
Η επικεφαλίδα – ή μάλλον, οι σειρές με τις επικεφαλίδες για κάθε κολώνα του πίνακα, αν χρειάζεται.
<title> (document title)
Βασικότατο tag, εμφανίζεται στο <head> και είναι ο τίτλος που εμφανίζει ο browser αλλά και τα αποτελέσματα των μηχανών αναζήτησης. Συνηθίζεται να περιέχει τον τίτλο του site, της επιχείρησης ή της υπηρεσίας και την ενότητα στην οποία βρίσκεται ο χρήστης ή τον τίτλο του άρθρου κ.λπ. Προσπαθήστε να κρατάτε τα περιεχόμενα του <title> μέχρι 50-60 χαρακτήρες ενώ δεν θα πρέπει ποτέ να απουσιάζει ή να είναι κενός.
<tr> (table row)
Τελειώνοντας με τους πίνακες, το <tr> ορίζει τις γραμμές και περικλείει τα <td> και <th>.
<tt> (teletype or monospaced text style)
Ανήκει στην ίδια ομάδα με τα <i>, <b>, και <small> (μεταξύ άλλων) και είναι άχρηστο…
<u> (underlined text style)
…όπως και τούτο που, επιπλέον, μπορεί να μπερδέψει τους χρήστες μας, διότι, κατά συνθήκη, μόνο τα links είναι υπογραμμισμένα και δεν θα πρέπει να υπάρχει τίποτα άλλο υπογραμμισμένο στις σελίδες σας, εκτός κι αν είναι απολύτως σαφές πως δεν πρόκειται για hyperlink.
<ul> (unordered list)
Έχουμε ήδη δει τα <dl> και <ol>, καθώς και τη χρήση του <ul> για μενού επιλογών (navigation). Η χρήση του δεν διαφέρει από τις άλλες λίστες και τα διαθέσιμα attributes, καλό είναι να τα αποφεύγετε — οι ίδιες επιλογές υπάρχουν στα CSS.
<var> (instance of a variable or program argument)
Τελειώνουμε με ένα tag από την ομάδα των <em>, <code> και <abbr> — tags που δίνουν νόημα στο περιεχόμενο τους και διευκολύνουν στη μορφοποίηση. Το συγκερκιμένο πάντως δεν χρησιμοποιείται.
(Καμία ψήφος)
Loading ...