Я разрабатываю "современный" веб-сайт, и у меня много проблем с получением CSS, чтобы все выстраивалось правильно. Я чувствую, что макет будет намного проще, если я просто использую таблицу, но я избегаю тегов <table>, потому что мне сказали, что они "старомодные", а не правильный способ делать что-то.
Можно ли использовать таблицы? Как я могу решить, когда таблица подходит, и когда я должен использовать CSS вместо этого? Я просто делаю все, что проще?
Ответ: да, хорошо использовать таблицы. Общее эмпирическое правило состоит в том, что, если вы показываете табличные данные, таблица, вероятно, является хорошим способом. Обычно вы должны стараться стилизовать таблицу с помощью CSS, насколько это возможно.
Кроме того, этот график может помочь вам:
alt text http://www.ratemyeverything.net/image/7292/0/Time_Breakdown_of_Modern_Web_Design.ashx
EDIT. Таблицы в порядке. Для отображения данных. Как и мое второе предложение. Вопрос состоял в том, "нормально ли использовать таблицы". Ответ: да, нормально использовать таблицы. Это не является незаконным.
Так как, хотя он подразумевал использование таблиц для данных в моем общем правиле, видимо, я должен также указать, что следствие состоит в том, что не стоит использовать таблицы ни для чего другого, хотя плакат уже, казалось, понял эту концепцию, Итак, для записи общее правило заключается в том, чтобы не использовать таблицы для размещения вашего сайта.
Таблицы должны использоваться для представления табличных данных. CSS должен использоваться для представления и компоновки.
Этот вопрос также исчерпывающе ответил на этот вопрос:
По существу - если у вас есть табличные данные, используйте таблицу. Теперь нет необходимости использовать таблицы для макета - конечно, их часто считали "проще", но семантически страница ужасная, их часто считали недоступными.
См. обсуждение: css-discuss
и особенно комический URL - shouldiusetablesforlayout.com
В "современном" подходе к таблицам речь идет не об использовании табличных тегов или тегов div, а об использовании правильного тега для правильной цели.
Тег таблицы используется для табличных данных. Нет ничего плохого в использовании этого для этого!
Для использования CSS существует множество учебников и руководств (хорошо и плохо). Показатели плохого учебника: много использования блоков (div), которые имеют смысл только для макета, а не для контента. Хорошими признаками являются те, которые рекомендуют использовать правильные теги для правильного контента и научить вас, как составлять эти теги.
Таблицы подходят только для табличных данных. Представьте, что вам нужно добавить некоторые таблицы, такие как данные, где у вас есть четкие заголовки столбцов/столбцов и некоторые данные внутри этих строк. Например, сравнение продуктов также является действительным элементом таблицы.
Я считаю, что таблицы в порядке для отображения прямолинейных данных произвольных строк и/или столбцов. Это об этом. Таблицы больше не должны использоваться для целей компоновки.
В целом, разметка HTML должна описывать структуру и содержимое веб-страницы - она не должна использоваться для управления презентационными аспектами, такими как макет и стиль (для чего предназначен CSS). Тег <table>, как уже говорилось, должен представлять собой табличные данные, которые будут отображаться в виде таблицы информации.
Причина, почему люди тряпятся по столам настолько, что в старые времена не было такой вещи, как CSS-all макет страницы был сделан непосредственно в HTML. Тэги не рассматривались как описание контента - все, кого действительно беспокоило, это то, как тег будет выглядеть в веб-браузере. В результате этого люди поняли, что, поскольку они могут организовывать вещи в строки и столбцы, таблицы должны быть хороши для размещения элементов веб-страницы. Это стало очень популярной техникой - на самом деле, я бы сказал, что использование таблиц считалось предпочтительным способом выкладки веб-страниц в течение довольно долгого времени.
Итак, когда люди говорят вам, что таблицы "старомодные", они специально ссылаются на это злоупотребление тегом <table>, который так популярен в прежние времена. Как я уже сказал, нет ничего плохого в самих таблицах HTML, но использование их для макета веб-страницы просто не имеет смысла в наши дни.
(Кроме того, с чисто прагматичной точки зрения, макеты, выполненные с помощью HTML-таблиц, очень негибкие и трудно поддерживаются).
его ок, чтобы использовать таблицы, когда вы показываете данные в виде таблицы/таблицы. однако для общей структуры сайта настоятельно рекомендуется использовать css-элементы div, ul, li, чтобы дать вам более яркий веб-сайт.
Если вы все равно решаете работать со столами, вы должны учитывать следующие минусы:
вы можете тратить немного дополнительного времени на сайт, основанный на div, но его ценность стоит каждую минуту.
Все движение "против стола" - это реакция на то время, когда глубоко вложенные таблицы были единственным способом компоновки страниц, что привело к тому, что HTML-код был очень трудно понять.
Таблицы являются допустимым методом для табличного (информационного) макета, и если таблица является самым простым способом реализации макета, то любым способом используйте таблицу.
Таблица всегда является правильным выбором, когда вам нужно представить данные в сетке.
Цитата сайта Sitepoints HTML Utopia: проектирование без таблиц с использованием CSS Если у вас есть табличные данные, и внешний вид этих данных менее важен, чем его соответствующий дисплей в связи с другими частями одного и того же набора данных, тогда таблица в порядке. Если у вас есть информация, которую лучше всего отображать в электронной таблице, например Excel, у вас есть табличные данные.
Я бы сказал "нет" для использования таблиц для создания макета. Таблицы имеют смысл только для фактических табличных данных, которые вам нужно представлять. Если вы потратите достаточно времени на вычисление CSS, вы найдете его проще, чем использование таблиц для макета. Просто запомните: Таблицы для отображения данных. CSS для макетов страниц.
Таблицы таковы: Таблицы.
Они нахмурились, потому что их не следует использовать для макета, как это было модно, прежде чем браузеры могли правильно позиционировать вещи.
Если то, что вы хотите разметки, является, фактически, таблицей, а затем используйте таблицу. Помимо этого, старайтесь держаться подальше.
Одна маленькая вещь. Выравнивание двух частей текста с той же строкой, которая не будет раздвигаться (думаю, имя пользователя и дата публикации). Там, используя таблицу, есть IMHO опция.
Сначала заработайте. Тогда сделайте это идеально.
Получите макет, сделанный каким-то образом, прежде чем сделать его идеальным или лучше.
Сколько людей в день перейдет на страницу, над которой вы работаете? Миллион? или 20?
Сколько времени вы потратите на проблемы с CSS, а не на другие проблемы? Ваш босс хочет, чтобы вы потратили много времени на эту проблему? Знает ли он, что вы делаете?
Совершенно верно. Я не знаю, где CSS-фанатики изобрели идею о том, что таблицы не используются естественным образом для "макета". Таблицы использовались для прокладки вещей с момента их изобретения, будь то эти цифры, слова или красивые картинки. Это то, что они делают. Кроме того, таблица является частью всех версий (X) HTML, поэтому нет проблем с устаревшими версиями.
Совершенно верно.
Все предложения HTML были изначально предназначены для определения разметки вашей страницы. В моей книге абсолютные и относительные позиции элементов на странице принадлежат разметке. Таким образом, обе таблицы и таблицы очень подходят для этой задачи. Подберите то, что лучше всего подходит для вашей конкретной потребности.
CSS добавляет много возможностей стиля, а также макеты трюков, но он дополняет опции HTML, а не заменяет их.
На самом деле существует очень тонкая грань между просмотром чего-то как разметки или проблемы с дизайном. Сторонники CSS скажут, что с помощью CSS вы можете перемещать и перетаскивать полностью все большие и маленькие фрагменты страницы. Однако я не могу представить, как заголовок заголовка внизу, нижний колонтитул выше, и что вещи появляются в обратном порядке.
Возьмем пример. Вы разрабатываете ноутбук. Вы знаете, где разместить основные компоненты, системную плату, систему охлаждения, клавиатуру, дисплей и порты. Возможно, вы захотите переставить несколько портовых разъемов с каждой стороны и в какой последовательности они появятся, но вы на самом деле не ожидаете поставить дисплей, где находится клавиатура, положить клавиатуру на крышке, заставить вентиляторов взорваться на вашем лице и иметь все разъемы на боту, которые должны быть достигнуты через отверстия на вашем столе.
Использование таблиц может затруднить перестановку элементов на странице. Это может быть правдой. Однако в большинстве случаев вы заранее знаете, как должна выглядеть ваша страница, и вы не захотите сильно изменить все. если вы не можете сказать это до начала своей работы, у вас, вероятно, нет четкого представления о том, что вы делаете и зачем.
Кроме того, только таблицы обладают эластичными свойствами, что позволяет растягиваться до ширины/высоты их содержимого. Для этого нельзя использовать ничего из HTML/CSS.
CSS-дизайн с одной стороны позволяет создавать довольно настраиваемые дизайны. С другой стороны, он блокирует вас от разработки страницы, настраиваемой по своему содержанию. Обе победы и потери.
Таблица также является единственным инструментом для создания очень сложных и точных интерфейсов. Например, страница SO очень проста. Вероятно, это можно сделать с помощью чистого CSS. В то же время, вы видели какое-либо программное обеспечение корпоративного класса, такое как CRM, SRM и т.д.? Это множество кнопок, текстовое поле, флажки, dropdownlists точно расположены на экране? Удача в достижении такой сложности с помощью только CSS. И эти макеты переносятся с настольных приложений в сети каждый день (ключевое слово: программное обеспечение как услуга).
Итак, выбирайте, что лучше всего подходит вашим текущим потребностям, и не доверяйте этим любителям CSS. На самом деле не доверяйте никаким фанатикам вообще.