Что все-таки лучше table или div?

Question

[za_lupina]

Как лучше верстать с помощью таблицы или дивами?
Читал что а таблицами уже не верстают, это так?

Comments

[Ankhena]

Таблицами верстают табличные данные.
Всё остальное - другими семантическими (подходящими по смыслу) тегами.
Если у тега нет смысла (какая-то декоративная обертка), то div.

Answer 1

[Александр Нестеров]

Да, уже лет десять как.
Верстают блочными элементами (не только div`ами, но и другими, по типу header, footer, article и пр.), к которым применяют следующие стили (на выбор):

• flex
  
• grid
  

В целом, с каждым из них можно добиться одного и того же, но разными путями.
"Какой использовать?" Попробуйте оба варианта, и в общем случае используйте то, что зайдет больше, а когда нужно будет другое (по тз или при доработке существующего), просто переключайтесь временно на него.

Answer 2

[Максим Бенец]

Таблицы уже никто не использует.

Блочная вёрстка легче, вона адаптивная и позволяет сделать больше чем таблицы)

Answer 3

[Ankhena]

Что все-таки лучше table или div?

Никто из них не лучше и не хуже. Всё, как обычно: у каждого из них своё назначение.

Таблицы
С помощью тега <table> верстают табличные данные.
При этом никто не мешает менять им display и перестраивать как душе угодно.
Бывают задачи, которые на самом деле не решить с помощью table, но редко.

div
Элемент, не имеющий семантической нагрузки.
Его рекомендуют использовать, когда нет других, подходящих по смыслу тегов.
(Это написано прямо в спецификации https://html.spec.whatwg.org/multipage/grouping-co...)

Поэтому, при верстке используют подходящие по смыслу элементы (семантика).
Т.е. если нужно сверстать список, то его верстают с помощью ul или ol, секции размечают тегами <section>,а не <div>. И т.д.