Таблицы заменяются ОТДЕЛЕНИЯМИ? [дубликат]

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

. Если вы хотите использовать абсолютное и относительное позиционирование для макетов, сделайте это. Если нет, то вы не злые или глупые, если этого не делаете. Главное, на что следует обратить внимание при использовании таблиц, - это предотвратить адское вложение таблиц IMO.

Вы должны проверить Elastic CSS Framework , вы можете разметить неограниченное количество комбинаций столбцы очень легко и разместите их с помощью помощников, проверьте документацию.

ура

С точки зрения производительности таблица (и) будет отображаться только после достижения конечного тега (), поэтому, если это таблица, содержащая 100 строк, вы увидите, что эта таблица отображается в браузере чуть позже. Это не относится к DIV.

Я написал на meta-SO об их таблицы: https://meta.stackexchange.com/questions/3110/when-did-so-start-using-tables-for-layout/3547#3547

Короче, я думаю, что это нормально, поскольку - это табличные данные.

Я бы порекомендовал действительно изучить HTML. Используйте элемент, который действительно относится к контенту. Если это список элементов, используйте один из тегов списка. Если это ввод данных, используйте тег fieldset. Не так много тегов на выбор, но многие из них игнорируются. Если вы просто замените все форматирование макета таблицы на DIV, ваш суп из тегов может быть немного менее объемным, но вы все равно можете подавиться им.

Это конечно зависит от обстоятельств. Вы должны помнить Золотое правило: файл документа XHTML / HTML предназначен для описания содержимого и потока.

Все, что является дизайном, должно контролироваться (по возможности, в некоторых случаях, когда мы не можем управлять им, например, когда CMS появляется в игре), с помощью файла CSS.

Теперь, как можно мы достигаем наиболее смыслового и прагматичного результата? Как и все, это зависит от обстоятельств. Рекомендуется использовать элементы тегов XHTML / HTML, полагаясь только на правильное отображение содержимого.

Обратите внимание, что я сказал элементы тега. DIV - лишь один из них, но просто заменить его на каждый раз, когда существуют теги или /, недостаточно. Фактически, это подтолкнет вас к "divitis" (бесполезное использование div для всего! ) и БУДЕТ усложнять вашу работу. Попробуйте проверить большинство тегов и использовать их всякий раз, когда это кажется правильным.

Иногда это довольно субъективный вопрос относительно того, что квалифицируется как контент или другой тег. Как раз в этом вопросе кто-то спросил, будет ли этот контент считаться табличными данными (тот, для которого предполагается использовать таблицы), но я думаю, что любой контент, который вы должны заказать и фильтровать (и вы можете копировать и вставлять в Excel без забот) это достойный материал.

В остальном это всегда просто какой-нибудь интересный макет, над которым нужно работать с CSS и другими тегами.

Некоторые люди скажут, что это слишком много и того не стоит. Я не согласен. Хотя, когда вы изучаете, как работать с нюансами CSS / div, сначала все будет по-другому, вы скоро узнаете изюминку.

Удачи и помните, что мы всегда учимся новому, так что не беспокойтесь, задавая все вопросы.

Как сказали Кори и Томас, для представления табличных данных лучше использовать таблицу.

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

• http://elements.projectdesigns.org/
• http://960.gs/
• http://www.blueprintcss.org/
• http://elasticss.com/
• http: //www.yaml.

Таблицы как средства описания структуры табличных данных не были заменены.

Таблицы как средства описания представления были заменены, но не на блоки div. Они были заменены таблицами стилей, связанными с тем элементом, который лучше всего описывает семантику контента. У div нет связанной с ним семантики, поэтому он используется, если нет ничего лучше.

Таблицы подходят для табличных данных, но divs + CSS предпочтительнее для общего макета страницы.

http://css-discuss.incutio.com/?page=TablesVsDivs имеет много веских причин, почему, а также некоторые контраргументы.

Я думаю, многие люди будут утверждать, что «табличные» данные, или данные, которые лучше всего могут быть выражены в строках и столбцах, должны храниться в таблице, но эти div были изобретены для замены таблиц как больших элементов макета. По моему личному мнению, таблицы всегда использовались в качестве элементов макета, выходя за рамки их предполагаемого назначения. Это не значит, что люди до сих пор не злоупотребляют div, например

<div align="center">To replace a <center> tag</div>

Я бы сказал, посмотрите A List Apart, в частности Их раздел о макете , где содержатся советы по использованию современного совместимого дизайна на основе CSS.

edit: Я хотел сказать, что это НЕПРАВИЛЬНОЕ использование тега div. В этом примере вы должны использовать такой стиль, как «text-align: center», или применить этот стиль к самому тегу, но в этом случае нет причин для переноса текста в элемент уровня блока, потому что текст по умолчанию является встроенным, поэтому вам будет лучше с чем-то вроде этого ...

<p class="center">This is a centered paragraph</p> 

, а затем в вашей таблице стилей

.center { text-align:center; }

Таким образом, следующее:

<div>Monday | Tuesday | Wednesday | Thursday | Friday</div>
<div>Work | Work | Work | Work | Play</div>

Может быть совместимым, но выглядит ужасно, и вам будет лучше не делаю:

<table>
<th>
  <td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>Thursday</td><td>Friday</td>
</th>
<tr>
  <td>Work</td><td>Work</td><td>Work</td><td>Work</td><td>Play</td>
</tr>
</table>

div используются вместо таблиц на большинстве сайтов. Но вы можете использовать таблицы в некоторых ситуациях, когда дизайн с использованием div будет сложным из-за кроссбраузерности.

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

На этой странице также можно найти используемые теги таблиц.

Таблицы будут отображаться на экране только после того, как все ячейки будут обработаны.

Также обратите внимание на следующие вопросы.

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

DIV против таблиц или CSS против глупости

Еще один Div против таблиц Вопрос: формы

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

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

Я составил свой CSS3 Wish List и при составлении этого списка понял, что я могу делать с таблицами, начиная с HTML 3.2 десять лет назад, я все еще не могу обойтись с div.

Я полностью за семантический макет. Хороший идеал. Но пока он не сможет сделать все, он пытается заменить то, что он »

Таблицы следует использовать только для табличных данных. Чтобы выяснить, является ли то, с чем я имею дело, табличным, я спрашиваю себя: «Могу ли я поместить это в Excel или Word, если это?»

Билл Мерикаллио и Адам Пратт написали забавную и информативную статью Почему таблицы для разметки - это глупость . Они также подробно описывают, где и когда следует использовать таблицы , .