Ποια είναι η δομή ενός πίνακα σε HTML;

Η δομή ενός πίνακα HTML ορίζεται από αρκετά στοιχεία:

• <table>: Το πλαίσιο του πίνακα.
• <caption>: Τίτλος προαιρετικά του πίνακα.
• <colgroup> και <col>: Προαιρετικά στοιχεία για την ομαδοποίηση στηλών και την εφαρμογή στυλ.
• <thead>: Τμήμα επικεφαλίδων στηλών.
• <tbody>: Τμήμα του κύριου περιεχομένου του πίνακα.
• <tfoot>: Τμήμα του υποσέλιδου του πίνακα.
• <tr>: Γραμμή πίνακα.
• <th>: Κεφαλίδα κελιού σε μια γραμμή.
• <td>: Δεδομένο κελιού σε μια γραμμή.

Τα στοιχεία <thead>, <tbody> και <tfoot> βοηθούν στην ομαδοποίηση γραμμών με νόημα και μπορούν να χρησιμοποιηθούν από τους περιηγητές για βελτιστοποίηση της εμφάνισης μεγάλων πινάκων. Μέσα σε αυτές τις ενότητες βρίσκονται στοιχεία <tr>. Μέσα σε <tr>, υπάρχουν <th> (συνήθως σε <thead>, μερικές φορές σε <tbody> ή <tfoot>) ή <td> (σε <tbody> και <tfoot>, μερικές φορές σε <thead>).

Παράδειγμα βασικής δομής:

<table>
  <caption>
    Λίστα προϊόντων
  </caption>
  <thead>
    <tr>
      <th>Όνομα</th>
      <th>Τιμή</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Προϊόν 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Προϊόν 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Σύνολο: 250</td>
    </tr>
  </tfoot>
</table>