Что случилось с тегами таблицы HTML?

Я начал кодировать HTML в 1998 году, и за это время я использовал множество табличных тегов, играя с tr и td, я многому научился, анализируя исходный код многих порталов в Интернете с помощью блокнота и Microsoft FrontPage, последний, aw, сколько столов перекрывали другие, было весело, я любил это время.

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

Почему это случилось? Что это за новые теги и почему теги таблиц больше не используются?

World Wide Web Consortium (W3C) разработал первую каскадные таблицы стилей спецификации в декабре 1996 года каскадных таблиц стилей (CSS) с тех пор радикально эволюционировал и сделал разделение содержимого HTML из представления данных наиболее распространенных среди популярных сайтов.

Хотя для достижения желаемого эффекта современные сайты могут по-прежнему полагаться на объявления встроенного стиля, гораздо эффективнее включать данные презентации (высоту элемента, ширину, отступы, поля, абсолютное позиционирование и т. Д.) В один файл CSS, на который ссылается несколько HTML документы, чем обновить каждый экземпляр содержимого HTML, когда презентация нуждается в изменении.

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

Статья « 12 уроков для тех, кто боится CSS и стандартов» (опубликована в 2006 году) в A List Apart и обзор снимка CSS W3C могут стать хорошей отправной точкой, если вы хотите наверстать упущенное при переходе от макетов на основе таблиц к CSS.

Не вдаваясь в историю эволюции веб-разработчиков ...
Таблицы никогда не предназначались для разметки страниц; это самый важный бит. Использование их таким образом было обходным решением, вызванным технологиями того времени, как неполными спецификациями, так и неспособными браузерами. В конце концов эти проблемы были (в основном) решены, и теперь это больше не нужно.

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

Таблицы все еще существуют в спецификации HTML. Но они должны использоваться для отображения данных в табличной форме! (Несмотря на то, что разметка таблицы несколько изменилась, метки столбцов и групп несколько проще применять разумным способом).

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

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

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

Фреймворки, которые отказывались использовать таблицы для создания макетов, например Ext, заканчивали динамический расчет размеров путем изменения стилей при изменении размера, из-за чего они работали с ошибками в некоторых браузерах (IE 6 упоминался ранее).

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

Я тайно все еще использую их.

Наиболее важно, что они все еще находятся в HTML5: http://www.w3schools.com/html5/tag_table.asp . Так что это совершенно безопасно использовать их для ваших потребностей витой макет.

Редактировать: (После того, как немного проголосовали) Отличным примером «скрученной разметки» является использование таблиц в ваших электронных письмах. Если вы хотите, чтобы ваша нежелательная почта выглядела так же сексуально, как обещанный эффект вашего продукта, вы не можете использовать большинство CSS.

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