HTML таблици
Значи мислите, че знаете как да създадете HTML таблица. Трябва да сте запознати с етикетите
Колоните отвръщат на удара
Редовете на таблицата неусетно изместват колоните на заден план. Те вършат цялата работа, защото таблицата се изгражда ред по ред, оставяйки колоните без надзор.
За щастие положението се спасява от етикета и етикета.
Тези етикети ви позволяват да стилизирате колоните на таблица по желание, което е особено полезно, когато трябва да посочите конкретно подравняване или цвят за определена колона. Без тази функция ще трябва да дефинирате стила на всеки ред поотделно.
Ето пример за използване на тези тагове:
Стиловете на класа "alternate " ще бъдат приложени към втората колона или втората клетка на всеки ред.
Таговете и могат също да използват атрибутаspan, който работи по същия начин катоrowspan иcolspan. Използването на този атрибут на етикет ще определи броя на редовете, към които ще се отнася тази група, например групиране на първите две колони. Когато използвате този атрибут с таг, тагът не се използва.
Използването на атрибутаspan в тага е по-подходящо. Например в кода на предишния пример може да се приложи, както следва:
В резултат на това класът "alternate " ще бъде приложен към последните две колони.
Да, но трябва да има нещо специално, нали? Разбира се, че има. И ето го: единствените стилове, приложими за колоните, са рамка, фон, ширина и видимост.
Описание и заглавие
От съображения за достъпност винаги си струва да дефинирате описание и заглавие за таблицата.
Описанието на таблицата се дефинира с помощта на атрибутаsummary, който е зададен в отварящия таг
Етикетът чието мястоведнага след отварящия етикет
Заглавки, долни колонтитули и превъртане на таблици
Тези елементи трябва да бъдат определени в следния ред:
Като дефинирате стила "overflow: auto; max-height: [any value]; ", можете да направите елемента
Връщайки се към разликите в браузърите, IE няма представа за горните и долните колонтитули на таблиците и въпреки че ги изобразява доста правилно, те няма да се задържат в горната и долната част на всяка страница.
Внимавайте с превъртащите се таблици. Въпреки че са много удобни, много потребители няма да ги използват напълно, вярвайки, че показаните първи данни са всички данни в таблицата.