Как сверстать такую таблицу?

Question

[Islam Ibakaev]

Меня смущает выделенная область. Как такую таблицу сверстать?

Comments

[Сергей delphinpro]

Что именно смущает? Самая обычная таблица.

[Сергей delphinpro]

https://jsfiddle.net/fwL8xfo0/

[Максим]

Сергей delphinpro, даже вообще без таблицы можно это сделать

[Serj-One]

Максим Ленский, зачем делать таблицу без таблицы?

[Максим]

Serj-One, если внешний вид будет одинаковый то какая разница ?

[Serj-One]

Максим Ленский, Семантика?

[Максим]

Serj-One, ну в принципе разницы не будет .. наверно ...., разве для валидатора имеет значение в таблице он или в параграфе или ваще в теге спан ?

[Islam Ibakaev]

Сергей delphinpro, спасибо)

[Serj-One]

Максим Ленский, Причём здесь валидатор? Цитаты, записи, параграфы и т.д., гипотетически, тоже можно дивами сверстать, но зачем, если есть теги с соответствующим назначением?

[Сергей delphinpro]

Максим Ленский,

если внешний вид будет одинаковый то какая разница ?

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

[Максим]

Сергей delphinpro, я не совсем понял накат , но получается что таблица в читалке для слабовидящих лучше смотрится ?

[Сергей delphinpro]

Максим Ленский, под читалкой имею ввиду именно "читалку", а не "смотрелку". ))

[Сергей delphinpro]

Максим Ленский, Семантику, aria и т.п не просто так придумали...

[Максим]

Сергей delphinpro, я не спорю про aria но этот атрибут же можно применить к любому тегу , так же ? но мне всё таки интересно какое подразделение в интернет проверяет семантичность ?

Answer 1

[Максим Тимофеев]

Обычная таблица, что Вас смущает? Что заголовок объединен через colspan?

Comments

[Islam Ibakaev]

спасибо, запамятовал)

Answer 2

[Lander]

Не пойму, когда это все успели резко забыть про colspan?