Какая структура у таблицы

«Какая структура у таблицы» — вопрос из категории Базы данных, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Таблица в HTML состоит из следующих элементов:

  1. <table> — контейнер для всей таблицы
  2. <thead> — секция заголовков (необязательно)
  3. <tbody> — основное содержимое таблицы
  4. <tfoot> — подвал таблицы (необязательно)
  5. <tr> — строка таблицы
  6. <th> — ячейка заголовка (обычно в <thead>)
  7. <td> — обычная ячейка с данными

Пример:

<table>
  <thead>
    <tr>
      <th>Имя</th>
      <th>Возраст</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Иван</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

Особенности:

  • Порядок секций: thead → tbody → tfoot
  • Можно использовать rowspan/colspan для объединения ячеек
  • Семантически правильнее использовать th для заголовков