Таблицы против div на мобильных сайтах

Question

Я полностью запутался в этом вопросе, некоторые говорят, что используют таблицы, а другие говорят, что использование таблиц и тегов div - это плохая практика. Как правильно разрабатывать сайты для мобильных устройств .mobi

Answer 1

Вы должны использовать таблицы для представления табличных данных, а не для разметки. Большинство современных веб-браузеров на мобильных телефонах (например, Mobile Safari на iPhone) вполне способны правильно отображать веб-сайты, которые используют CSS и семантическую разметку соответствующим образом.

Answer 2

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

Все быстро меняется, и, как уже говорили другие люди, большинство современных веб-браузеров на мобильных (умных) телефонах (iPhone, Android ...) имеют отличную поддержку HTML / CSS / Javascript.
Если вы имеете в виду только эти устройства, вы можете использовать макеты DIV / CSS, так как это правильный выбор с семантической точки зрения. Но если вы хотите охватить широкий спектр устройств, используйте таблицы, так как вы гарантируете, что ваши страницы будут правильно отображаться на большем количестве устройств.

Answer 3

Важным аспектом, который следует учитывать, является разница между данными и их фактическим расположением на экране.

Как правило, табличные данные должны быть представлены с использованием таблиц. Например, рассмотрим баланс компании в качестве примера табличных данных, которые можно отобразить с помощью таблиц HTML.

Но, если вам нужно показать нормальное содержимое (которое не является табличным по своей природе) в строках и столбцах, есть и другие альтернативы, такие как использование тегов DIV & SPAN и немного CSS для позиционирования и стилизации содержимого, чтобы оно выглядело как табличный макет. Типичным примером такой раскладки может быть новостная статья в газете. Хотя макет представлен в строках и столбцах, сам новостной контент не является табличным.

Существует множество статей, в которых обсуждается, почему это хорошая практика.

Учитывая ваш случай, я бы порекомендовал придерживаться обычной структуры на основе DIV с CSS-стилем, чтобы получить желаемый эффект и использовать TABLE для табличных данных.

НТН.