Руководство по 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 |
Добавление ячеек для заголовков
Связывание заголовков с ячейками