Блог

Я создавал веб-сайты до того, как он действительно использовался, и я много лет назад принял решение использовать CSS для оформления своих веб-страниц. Было очень сложно оставить отличные таблицы и вместо этого попробовать «очистить обе».

Вопрос в том, что после всех этих лет у меня все еще иногда возникают проблемы. И каждый раз, когда я сталкиваюсь с плохой ситуацией с CSS, я вспоминаю простой способ создания столбцов с помощью «table».

И чем больше я думаю об этом, тем меньше понимаю, почему мы отказались от использования table. Они отлично подходят для оформления страниц, и не каждый веб-сайт должен на 100% соответствовать W3C или содержать сотни страниц, которые из-за этого не поддерживали бы изменение дизайна.

Итак, да, теперь я подумываю о том, чтобы вернуться к использованию tables. Должен ли я это делать? Действительно ли профессиональные дизайнеры используют таблицы там, где они не должны их использовать?

Я также наткнулся на гротескную таблицу в Google map API. Если разработчики Google используют этот короткий путь, почему не я?

(извините за мой английский, я не владею им свободно).

Редактировать:

во многих ответах говорится, что это моя вина. Я считал, что неплохо разбираюсь в CSS, начал с книг Эрика Мейера и занимаюсь CSS с 2005 года. Я знаю, что трюк width:100%;overflow:auto; работает в большинстве случаев (а также, что тогда у нас этот трюк был неплох), но мне интересно, было бы плохо использовать таблицы для быстрого выполнения работы на веб-сайте smalls, например, в блоге.

У меня были те же проблемы, когда я начал удалять таблицы и использовать CSS. Иногда CSS float’ы могут доставлять неудобства, есть несколько сложных ситуаций, которые возникают при их использовании для верстки страницы, но вы узнаете, как с ними справиться, и это действительно того стоит. Ваш код будет составлять 10% от размера и с ним будет намного проще работать.

Еще одно соображение заключается в том, что CSS float можно заставить хорошо работать с мобильными устройствами и маленькими экранами. Таблицы могут вызвать реальные проблемы с этим, особенно если вы хотите добавить приятные улучшения для сенсорного экрана.

Многие «профессиональные» дизайнеры используют таблицы, когда не должны. Повсюду. Но «pro» часто не то же самое, что «хороший». Таблицы следует использовать только для видимых таблиц данных.

Таблицы по-прежнему имеют важное и семантически правильное использование. Это для отображения табличных данных. Это особенно полезно в средах, ориентированных на БД или обрабатывающих много xml с помощью ajax. Для общего макета они не подходят, потому что вызывают медленную загрузку страницы, поскольку браузеру приходится ждать всего содержимого, прежде чем он сможет начать рендеринг. CSS не должен быть сложным. Если у вас возникли проблемы, вам следует посмотреть, как это используется на сайтах, дизайн которых вам нравится.

Большое преимущество CSS в том, что вы можете разработать основную таблицу стилей для сайта, а затем, когда отдельные страницы нуждаются в небольших изменениях, вы можете применить переопределения или модификации к определенным элементам без необходимости изменять основную таблицу.

отказ от макетов таблиц дает множество преимуществ, но, в конце концов, браузеры все еще слишком снисходительны (в настоящее время), и вам это может сойти с рук. если вы опасаетесь возвращаться к ним, прочитайте на дисплее: table и css3. это практически макеты на основе таблиц, за вычетом таблицы.

Одна из причин, по которой избегают таблиц, заключается в том, что содержимое внутри них не отображается до тех пор, пока не загрузится HTML для всей таблицы. С методом CSS это неверно.

Если у вас действительно много проблем с методом CSS, вы, должно быть, делаете это неправильно. Попробуйте прочитать код других людей, чтобы понять, как это сделать лучше.

6 лет спустя (сейчас 2017 год) в CSS появились сетки и flexbox, что должно стать самым простым способом создания макета без использования уродливых хаков и таблиц.