Подтвердить что ты не робот

Почему использование DIV или тегов "лучше", чем использование табличного макета?

Возможный дубликат:
Почему бы не использовать таблицы для компоновки в HTML?

Почему используется разметка с разделителями, определяющими все (контейнер, заголовок, содержимое и т.д.) ЛУЧШЕ, чем использование таблиц? Я понимаю, что когда вы строите свою страницу с помощью таблиц, она выглядит уродливой, как черт, выглядите даже UGLIER при вложенности из-за более высокого объема ерунды - немного более высокого времени загрузки страницы и менее читаемого кода.

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

То, о чем я прошу, не было бы сложной компоновкой (или любой макет, который обычно нелегко выполнить с помощью только divs и css), лучше всего решить с помощью сочетания таблиц и css с некоторыми divs wrapping (чтобы справиться с вложенностью), чтобы вы могли быстро развивать свое приложение и НЕ беспокоиться об этом, выглядя как дерьмо на неподдерживаемых браузерах?

*! EDIT! * Я также полностью согласен с тем, что да, таблицы для табличных данных, и только по семантике я чувствую, что должен использовать теги без ничего, затем называть их и стилизовать их, но для меня я клянусь так много раз быстро просто создавайте что-то быстро, используя таблицы BEATS, пытаясь идеально стилизовать его для работы во всех браузерах.

4b9b3361

Ответ 1

В основном это касается семантики, я думаю. A <table> построен для представления табличных данных, и использование этого для выкладки элементов нарушает это. Кроме того, все, что можно сделать с помощью <table>, можно сделать так же легко и просто с помощью CSS в 99,9% случаев. Это не намного проще в других случаях, и, как вы говорите, это делает разметку уродливой и трудно следовать. Это также нарушает разделение содержания, поведения и презентации, фундаментальной для веб-разработки.

Ответ 2

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

Ответ 3

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

Ответ 4

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

См. также:

http://www.csszengarden.com/ → и выберите другой дизайн в боковой панели "выбрать дизайн"

Или лучший подход для меню/навигационных панелей: http://css.maxdesign.com.au/listamatic/

Ответ 5

Его просто правильная семантика HTML для использования DIV и SPAN для размещения страницы и использования TAB для представления табличных данных, например, в таблицах данных, списках пользователей и т.д. Плюс DIVs обеспечивают большую гибкость при размещении и стилизации

Ответ 6

Одной из веских причин является разделение проблем. HTML предназначен для выражения информации. CSS предназначен для работы с презентацией, а JavaScript - для поведения. Разделяя эти проблемы, контент лучше интерпретировать как разметку, а именно, что таблица выражает табличные данные, где, когда div и span выражают блок содержимого и диапазон текста.

Если вам нужны еще несколько веских причин:

  • Отключенные пользователи, которые используют программное обеспечение как читатель экрана может понять вас контент лучше. В противном случае все ваше страница может быть интерпретирована как табличная данные. Вы сделаете его более доступным используя divs и промежутки.
  • Браузеры могут быстрее отображать вашу страницу.
  • Настройка может быть намного проще.
  • Легче быть последовательным на вашем веб-сайте.

Ответ 7

Люди ненавидят таблицы, потому что это уменьшает SEO (поисковая оптимизация).

В основном это проблема семантики. Таблица предназначена для отображения табличных данных - данных, которые должны быть выложены в табличном формате. Использование его для чего-либо еще похоже на использование Excel для форматирования вашей брошюры - может быть, странное время работы, но на самом деле, используйте Word. Более новые элементы HTML5, а также некоторые из старых элементов HTML4 лучше всего подходят семантически для этого случая - разделение запросов на контент для div, раздел для раздела, статья для статьи, навигация для nav. Другие элементы, помимо таблиц, также обеспечивают большую гибкость и могут быть даже проще, чем таблицы при правильном использовании. В конечном счете, это сводится к практичности. Если это несколько табличные данные в природе, используйте таблицу. Но если это столбцы или навигация - используйте li или floated divs или разделы.

EDIT: Сравните HTML, требуемый для двух идентичных ситуаций, кстати: http://jsfiddle.net/gbXFG/3/ vs. http://jsfiddle.net/uJ2LG/