Структураи ҷадвал дар 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>