Почему табличная верстка это плохо

Почему табличная верстка это плохо

15.12.201510112admin

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

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

Одни проблемы...

  1. Нельзя перегруппировать блоки для узких страниц или в версии для печати только с помощью CSS.

  2. У ячеек таблицы width работает как min-width и поэтому он ведет себя не предсказуемо. Одно длинное слово или картинка могут растянуть всю страницу.

  3. Фиксированные, абсолютные и относительные положения в таблице не применимы.

  4. Ячейки не возможно будет использовать для drag-n-drop перетаскивания.

  5. Трудная манипуляция DOM.

  6. Верстка получается замусоренная кучей лишних тегов, которые тяжело читать и в которых тяжело разобраться. Это не HTML, а лапша. Особенно тяжело, когда таблицы вложены друг в друга и раскиданы по куче шаблонов.

  7. Нельзя поместить контент в коде первым, а меню в шапке — вторым (некоторые сеошники считают, что это улучшает индексацию).

  8. Верстка таблицами всегда была костылем (и это несемантично), с поддержкой CSS2 (появилась более 10 лет назад) таблицы стали не нужны. 10 лет назад они уже стали ненужными.

Источник: https://toster.ru/q/41644

Больше информации по этому вопросу и решений смотрите здесь: https://www.hotdesign.com/seybold/russian/everything.html




Сохраните в социальную сеть
Комментарии (2)
Денис Минов 15.12.2015 в 12:06Спам
Это статья относится к <table> или к display: table?
Просто мне больше нравится использовать css таблицу, нежели html.
0
Здесь речь идёт про табличную вёрстку <table>. display: table это не метод вёрстки, а просто способ определения положения элементов, который можно использовать при вёрстке дивами.
4
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт