@mcrack25

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

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

В макете есть элемент таблица, например 2 столбца, 5 строк. Как будет правильнее с точки зрения семантики, всё делать дивами или использовать таблицу?
  • Вопрос задан
  • 1403 просмотра
Решения вопроса 2
@akavato
frontend dev
Если это действительно таблица с данными - то конечно нужно использовать table.
Ответ написан
Eridani
@Eridani
Мимо проходил
Метод верстки сайта таблицами устарел, а его прямое назначение никто еще не отменял.
Разницы нет, но дивы гибче.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@farza
Web - Developer
Если речь идет о верстке веб страниц при помощи таблиц - подход утсаревший. Если речьидет о использовании таблиц по прямому назначению - все ок

В далеком прошлом, когда браузеры еще основательно не поддерживали каскадную таблицу стилей 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
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы