Использование таблиц в стандартном XHTML

Табличные данные - это просто данные, содержащиеся в таблице. В HTML, это содержимое, которое находится в ячейках таблицы, то есть то, что находится между.

или же.

теги. Содержимое таблицы может быть числами, текстом,

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

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

Согласно W3C:

«Модель таблицы HTML позволяет авторам упорядочивать данные - текст, предварительно отформатированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т. Д. - в строки и столбцы ячеек». Источник: Введение в таблицы из спецификации HTML 4.

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

instagram viewer

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

Когда использовать таблицы для отображения содержимого

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

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

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

Когда не использовать таблицы для отображения контента

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

Не используйте таблицы, если:

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

Не бойтесь таблиц

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