Руководство по HTML5

Руководство по HTML5

Адам Фриман

Элементы таблицы

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

Таблица 11-1: Краткое содержание главы
Задача Решение Листинг
Создать простую таблицу Использовать элементы table, tr и td 1, 2
Добавить в таблицу ячейки для заголовка Использовать элемент th 3
Различить заголовки столбцов и строк Использовать элементы thead и tbody 4, 5
Добавить в таблицу нижний колонтитул Использовать элемент tfoot 6
Создать нестандартную табличную сетку Использовать атрибут span, определенный элементами th и td 7-9
Связать ячейки с заголовками для вспомогательных технологий Использовать атрибут headers, определенный элементами th и td 10
Добавить таблице заголовок Использовать элемент caption 11
Работать со столбцами, а не со строками таблицы Использовать элементы colgroup и col 12, 13
Убедиться, что таблица не используется для верстки страницы Использовать атрибут border, определенный элементом table 14

Создание простой таблицы

Добавление ячеек для заголовков

Придание структуры таблице

Создание нестандартных таблиц

Связывание заголовков с ячейками

Добавление заголовка таблицы

Работа со столбцами

Использования рамок в элементе table

Резюме

или RSS канал: Что новенького на smarly.net