HTML таблиці
Отже, ви вважаєте, що знаєте, як створити HTML таблицю. Напевно, вам знайомі теги
Стовпці завдають удару у відповідь
Рядки таблиці непомітно засувають стовпці на задній план. Вони роблять усю роботу, адже таблиця будується рядок до рядка, залишаючи стовпці поза увагою.
На щастя, положення рятують тег і тег.
Ці теги дозволяють за своїм бажанням визначати стиль стовпців таблиці, що особливо корисно в тих випадках, коли необхідно задати особливе вирівнювання або колір якогось стовпця. Без цієї можливості довелося б визначати стиль кожного рядка окремо.
Ось приклад використання цих тегів:
Стилі класу "alternate " будуть застосовуватися до другого стовпця або до другого осередку кожного рядка.
У тегах можна також використовувати атрибутspan, який працює так само якrowspan іcolspan. Використання цього атрибуту в тегу визначатиме кількість рядків, до яких буде відноситися ця група, наприклад, згрупує перші два стовпці. У разі використання цього атрибута з тегом тег не використовується.
Використання атрибутуspan у тезі доцільніше. Наприклад, у коді попереднього прикладу його можна застосувати так:
В результаті клас "alternate " буде застосований до останніх двох стовпців.
Так, але тут має бути якась особливість, чи не так? Звичайно є. І ось вона: До стовпців застосовуються лише такі стилі – border, background, width і visibility.
Опис та назва
З міркування доступності завжди варто визначати опис та назву таблиці.
Опис таблиці визначається за допомогою атрибутуsummary, який задається у тезі, що відкриває
Тег , місце якоговідразу ж після тега, що відкриває
Заголовки, нижні колонтитули та прокручування таблиць
Ці елементи повинні визначатись у наступному порядку:
Визначивши стиль "overflow: auto; max-height: [будь-яке значення]; ", можна зробити елемент
Повертаючись до відмінностей браузерів, варто сказати, що IE поняття не має про заголовки та нижні колонтитули таблиці, і хоча він цілком коректно відображає їх, але вони не будуть триматися вгорі і внизу кожної сторінки.
Будьте обережні з таблицями, що прокручуються. Хоча вони дуже зручні, але багато користувачів не будуть повноцінно їх використовувати, вважаючи, що виведені першими дані і є всі дані таблиці.