Я полностью смущен в этом вопросе, некоторые говорят, что используют таблицы, а другие говорят, что использовать плохие практики для использования таблиц и тегов div следует скорее. Каков правильный способ разработки сайтов для мобильных устройств .mobiТаблицы против divs на мобильных сайтах
Вы должны использовать таблицы для представления табличных данных, а не для макета. Большинство современных веб-браузеров на мобильных телефонах (например, Mobile Safari на iPhone) вполне способны правильно отображать веб-сайты, которые используют CSS и семантическую разметку соответствующим образом.
Важным аспектом рассмотрения является разница между данными & его фактическим расположением на экране.
Как правило, табличные данные должны быть представлены с использованием таблиц. Например, рассмотрите балансовый отчет компании как пример табличных данных, которые можно показать с помощью таблиц HTML.
Но, если вам нужно, чтобы показать нормальное содержание (которое не табличной в природе) в строках & столбцов, есть и другие варианты, как с помощью DIV & SPAN тегов и немного CSS позиционировать & стиль Контента, чтобы сделать его выглядят как табличный макет. Типичным примером такого макета может стать новостная статья, опубликованная в газете. Хотя макет находится в строках столбцов &, сам новостной контент не является табличным.
Есть тонны статей, в которых обсуждаются причины, почему это хорошая практика.
Учитывая ваш случай, я бы порекомендовал придерживаться обычной DIV-структуры с CSS-стилированием, чтобы дать желаемый эффект. & использовать ТАБЛИЦЫ для табличных данных.
HTH.
Да, теория говорит, что вы должны использовать таблицы для представления табличных данных, а не для макета. Но большинство веб-браузеров на рынке неправильно отображают сложные макеты с плавающими div, расширенными CSS и т. Д.
Вещи быстро меняются, и, как уже говорили другие люди, самые современные веб-браузеры на мобильных (умных) телефонах (iPhone, Android ...) имеют отличную поддержку HTML/CSS/Javascript.
Если у вас есть только эти устройства, вы можете пойти с макетами DIV/CSS, так как это правильный выбор с семантической точки зрения. Но если вы хотите охватить широкий спектр устройств, используйте таблицы, так как вы гарантируете, что ваши страницы будут отображаться правильно в большем количестве устройств.
Одно предостережение Я бы добавил к этому ответу, что вам нужно убедиться, что вы понимаете свою целевую аудиторию. Если его пользователи смартфонов в США или Европе, то да, divs - это путь. Если ваша целевая аудитория - пользователи телефонов-функций, тогда браузеры будут менее сложными, и вам нужно будет полагаться на таблицы для макета. Если это так, тогда вы должны изучить дифференциацию на основе мобильного устройства/браузера. Для этого взгляните на такие структуры, как WURFL или DeviceAtlas. – Kevin
@ Кевин. Это хороший момент. –