Можно ли верстать таблицы с помощью тега table?

Question

[mcrack25]

Здравствуйте, у меня с заказчиком появились разногласия по поводу одного элемента.
Заказчик считает, что вёрстка таблицами уже давно устарела и не должна использоваться ни в каком виде.
Я считаю, что элемент table по прежнему нужно использовать, там, где чётко видно, что должна быть именно таблица, тем более, что по семантике в таблице есть теги заголовков th и информация по ним в тегах td, а в дивах - это набор блоков вложенных друг в друга.

В макете есть элемент таблица, например 2 столбца, 5 строк. Как будет правильнее с точки зрения семантики, всё делать дивами или использовать таблицу?

Answer 1

[akavato]

Если это действительно таблица с данными - то конечно нужно использовать table.

Comments

[Rustam Bainazarov]

Или Grid.

[mcrack25]

SmthTo, Ну Grid я думаю пока рано, новые браузеры уже поддерживаю, но я пока сомневаюсь, мобильные браузеры уже нормально работают с ними или нет

[Rustam Bainazarov]

mcrack25, как раз мобильные браузеры работают с ними лучше всех, если говорить о Android Browser 5+, Android Chrome и iOS Safari.

[mcrack25]

Спасибо за инфу, не знал, что мобилки хорошо работают с гридами. Надо бы изучить этот вопрос.

Answer 2

[Антон]

Метод верстки сайта таблицами устарел, а его прямое назначение никто еще не отменял.
Разницы нет, но дивы гибче.

Comments

[mcrack25]

Ну вот я и говорю, элемент - таблица по прежнему можно верстать тегом table. По гибкости согласен, но при адаптиве всё тоже отлично вмещается, смысла делать на div я не увидел.

[Ярослав Иванов]

Как это нет разницы ? через css нельзя сделать "объединение ячеек" как в таблицах через colspan, rowspan.

[mcrack25]

Ярослав Иванов, В моём случае есть ярко выраженная таблица, 2 столбца, 5 строк. Просто чисто по семантике я думаю правильнее таблицей, тут речь не о том, что можно, а что нельзя сделать через css )

[Ярослав Иванов]

mcrack25, Все верно) table и все)

Answer 3

[Юрий Сиротенко]

Если речь идет о верстке веб страниц при помощи таблиц - подход утсаревший. Если речьидет о использовании таблиц по прямому назначению - все ок

В далеком прошлом, когда браузеры еще основательно не поддерживали каскадную таблицу стилей CSS, для разработки применялся табличный стиль верстки, то есть верстка при помощи таблиц с невидимой границей, где многие стили не требовались - они были по умолчанию.

В 1998 году появляется спецификация Cascading Style Sheets Level 2 или в сокращении говоря CSS2, а потом и CSS2.1, что позволило выносить код оформления блоков в отдельные файлы и использовать на всех страницах сайта. Развитие этой технологии и поддержка со стороны браузеров привела к использованию блочной вёрстки, вместо таблиц.

Табличный подход к верстке был актуальным до появления технологии CSS и имеет статус устаревший” с 2011 года. Как только консорциум всемирной паутины поддержал стандарт CSS, на смену табличного подхода пришел блочный

Главным недостатком табличного подхода является то, что страница не будет отображена до тех пор, пока не будет загружен закрывающий тег таблицы, что сказывается на производительности. Также к недостаткам можно отнести избыток кода, усложняющий его понимание

Таблицы применять нужно только по их прямому назначению

Подробнее в видео формате:
https://www.youtube.com/watch?v=VGnhXpVkbWg
https://www.youtube.com/watch?v=Sxb2o9nVB1Q

Или курс целиком:
geekspace.info/course/2/description