Главная страница   /   11. Элементы таблицы (Руководство по HTML5

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

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

Адам Фриман

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

В этой главе я покажу вам 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

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

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

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

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

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

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

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

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

11.9. Резюме