Используйте таблицы для данных, а не макет в XHTML
Табличные данные – это просто данные, содержащиеся в таблице. В HTML это контент, который находится в ячейках таблицы, т. Е. Что находится между тегами
. Содержимое таблицы может быть числами, текстом, изображениями и их комбинацией; и другая таблица может быть даже вложена в ячейку таблицы.
Однако лучше всего использовать таблицу для отображения данных.
Согласно W3C:
«Модель таблицы HTML позволяет авторам упорядочивать данные – текст, предварительно отформатированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т. д. – в строки и столбцы ячеек». Источник: Введение в таблицы из спецификации HTML 4.
Ключевое слово в этом определении – data . В начале истории веб-дизайна таблицы были адаптированы как инструменты, помогающие планировать и контролировать, как и где будет отображаться содержимое веб-страницы. Иногда это может привести к плохому отображению в разных браузерах, в зависимости от того, как браузеры обрабатывают таблицы, поэтому это не всегда был элегантный метод в дизайне.
Однако по мере развития веб-дизайна и появления каскадных таблиц стилей (CSS) необходимость в использовании таблиц для грубого управления элементами дизайна страниц отпала. Модель таблицы не разработана для авторов веб-сайтов, чтобы манипулировать макетом веб-страницы или изменять ее внешний вид с помощью ячеек, границ или цветов фона.
Когда использовать таблицы для отображения содержимого
Если контент, который вы хотите разместить на странице, является информацией, которую вы ожидаете увидеть управляемой или отслеживаемой в электронной таблице, то этот контент почти наверняка пригодится для представления в таблице на веб-странице.
Если вы собираетесь иметь поля заголовка в верхней части столбцов данных или слева от строк данных, то это табличная таблица, и следует использовать таблицу.
Если содержимое имеет смысл в базе данных, особенно в очень простой базе данных, и вы просто хотите отобразить данные, а не сделать их красивыми, тогда таблица приемлема.
Когда не использовать таблицы для отображения содержимого
Избегайте использования таблиц в ситуациях, когда целью является не просто передать сам контент данных.
Не используйте таблицы, если:
- Основное назначение таблицы – разместить содержимое на странице. Например, чтобы добавить интервал вокруг изображения, разместить значки с маркерами в списке или заставить текстовый блок действовать как извлекаемая цитата.
- Вы хотите использовать цвета фона или изображения просто для увеличения страницы, а не для вызова данных. Например, хорошо выделять все остальные строки таблицы, но изменять только верхние правые ячейки, потому что это не соответствует фону страницы.
- Вы режете изображение, а затем снова размещаете его вместе на странице, используя таблицу. Это было очень распространено несколько лет назад, но больше не считается правильным.
Не бойся столов
Вполне возможно создать веб-страницу, которая использует очень креативно выглядящие таблицы для табличных данных. Таблицы являются важной частью спецификации XHTML, и обучение правильному отображению табличных данных является важной частью создания веб-страниц.
