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>