Как верстать правильно галерею?

Question

[EarthFM]

Как верстать правильно галерею изображений(НАПРИМЕР 4ряда и 4столбика). Имеется в виду правильности семантике и адаптивности. Таблицами или ul li(где они будут красиво с ужаться). Просто в таблицу изображения вставлять мне кажется не правильно. Весь google обыскал везде по разному. Вот и хочется узнать раз и навсегда, как будет правильно_

Answer 1

[Александр Маджугин]

inline-block div'ы. Ну или float.

Comments

[Serj-One]

Flexbox - вообще сказка.

[Александр Маджугин]

domrachew: побоялся советовать - если ТС пробовал на таблицах или ul, а теперь сразу возьмется за flex...

[EarthFM]

domrachew: flexbox, ie только с 10 версии поддерживает(

[Александр Маджугин]

EarthFM: резонный вопрос - что такое ie?

Answer 2

[Дима Паутов]

А причем тут гугл и таблицы???
Ребят, это уже смешно, как вопрос так и гугл с таблицами.
"Сужаться красиво" будет тогда, когда вы укажите размеры в процентах.
Возьмите обычную сетку bootstrap'a и все!

Comments

[EarthFM]

Может, потому что google поисковик, и там очень много способов описано, а какой правильный для семантики не говорят, мне нужно именно для семантики(где посвящены целые статьи).

[Дима Паутов]

Бред!! Гугл хоть и крут, но в таблица груче. В ней нет семантических ограничений по вложению элементов. С чего вы решили что таблица это не семантично? Раньше же миллионы сайтов так делали и ничего и все хорошо индексировались.