Таблица

Определение: Таблица — это способ показать данные в виде строк и столбцов на странице, когда важно сравнение по параметрам. В HTML таблица собирается из <table>, строк <tr> и ячеек <td> (иногда с блоками <thead> и <tbody> для удобства).

Зачем это нужно

• Удобно сравнивать: тарифы, характеристики, сроки, состав работ.
• Структурирует сложные данные: меньше путаницы, чем в абзацах.
• Помогает быстро принять решение: видно отличия “на одном экране”.
• Снижает количество вопросов: условия и параметры проще прочитать.
• Упрощает поддержку: менять значения в ячейках легче, чем переписывать текст.

Пример

Пример кода:

<table><thead><tr><td>Тариф</td><td>Срок</td></tr></thead><tbody><tr><td>Базовый</td><td>10 дней</td></tr></tbody></table>

Скриншот

Подпись к скриншоту: покажите на странице таблицу (например, сравнение тарифов или список работ) и в редакторе/коде, что она сделана через <table> со строками <tr> и ячейками <td>

Частые ошибки

• Использовать таблицу для верстки всего блока страницы (таблица должна быть для данных, а не для макета).
• Пихать в таблицу слишком много текста: лучше вынести пояснения в отдельные абзацы.
• Делать “картинку-таблицу” вместо настоящей таблицы — нельзя нормально копировать, читать с телефона и скринридером.
• Смешивать несравнимые параметры в одной таблице: читателю сложно понять логику столбцов.
• Не продумывать мобильный вид: таблица “разъезжается” или становится нечитаемой.

Связанные термины

• HTML-разметка
• TR
• TD
• THEAD
• TBODY
• Списки
• Типографика

Наши услуги

• Создание корпоративных сайтов — оформим тарифы и сравнения аккуратно, с понятной логикой и адаптацией под мобильные.
• Доработка сайтов — исправим таблицы: сделаем их читаемыми, аккуратными и удобными на телефоне.
• Техническая поддержка сайта — поможем обновлять данные в таблицах и следить, чтобы верстка не ломалась.