Атрибути ХТМЛ табеле дају вам много више контроле над ХТМЛ табелама. Табелама је доступно пуно атрибута како би их учинили занимљивијим и променили изглед ваше странице.
Атрибути елемента ХТМЛ ТАБЕЛА
У ХТМЛ5 елемент користи глобалне атрибуте и још један атрибут и променио се тако да има вредност само 1 или празан (тј. бордер = ""). Ако желите да промените ширину обруба, требало би да користите ширину обруба ЦСС својство.
Погледајте доле да бисте сазнали више о важећим атрибутима ХТМЛ5 табеле.
Постоји и неколико атрибута који су део спецификације ХТМЛ 4.01 која је застарела у ХТМЛ5:
- —Употребите својство додавања ЦСС на ТД и ТХ елементима табеле.
- —Употребите ЦСС размак граница својства на табели.
- —Користите ЦСС стилове у боји: црна; и гранични стил на столу.
- —Користите ЦСС стилове у боји: црна; и обруб на одговарајућим елементима табеле.
- —Уместо тога, требали бисте описати структуру табеле у ЦАПТИОН или ставити целу табелу у ФИГУРУ и описати је у ФИГЦАПТИОН. Можете и да поједноставите структуру табеле тако да није потребно објашњење.
- —Употребите својство ЦСС ширине.
И један атрибут који је застарео у ХТМЛ 4.01, а такође је застарео у ХТМЛ5.
- алигн - Уместо тога користите својство ЦСС маргине.
Постоји и неколико атрибута који нису део било које ХТМЛ спецификације. Користите ове атрибуте ако знате да прегледачи које подржавате могу да се носе са њима и ако вам није стало до важећег ХТМЛ-а.
- —Уместо тога користите ЦСС својство бацкгроунд-цолор.
- бордерцолор - Уместо тога користите својство ЦСС бордер-цолор.
- бордерцолорлигхт - Уместо тога користите својство ЦСС бордер-цолор.
- бордерцолордарк - Уместо тога користите својство ЦСС бордер-цолор.
- цолс - овом атрибуту не постоји алтернатива.
- висина - Уместо тога користите висину ЦСС својства.
- —Уместо тога користите ЦСС маргину својства.
- —Уместо тога користите ЦСС својство размака.
- —Уместо тога користите својство ЦСС вертикално поравнање.
Атрибути елемента ХТМЛ5 ТАБЕЛА
Као што смо горе поменули, постоји само један атрибут, изван глобалних атрибута, који је важећи за елемент ХТМЛ5 ТАБЕЛА: бордер.
Атрибут бордер се користи за дефинисање обруба око целе табеле и свих ћелија у њој. Постојало је неко питање да ли ће бити укључен у ХТМЛ5 спецификацију, али је остало јер је пружао информације о структури табеле, а не само импликације стила.
Да бисте додали атрибут обруба, поставите вредност на 1 ако постоји обруб и празан (или изоставите атрибут) ако га нема. Већина прегледача ће такође подржати 0 за без ивице и било које друге целобројне вредности (2, 3, 30, 500 итд.) Да би прогласили ширину обруба у пикселима, али је то застарело у ХТМЛ5. Уместо тога, требало би да користите својства ЦСС стила обруба да бисте дефинисали ширину обруба и друге стилове.
Да бисте креирали табелу са обрубом, напишите:
бордер = "1">
Ово је табела са обрубом
Ово описује атрибуте ТАБЛЕ који су валидни у ХТМЛ 4.01, али су застарели у ХТМЛ5. Ако и даље пишете ХТМЛ 4.01 документе, можете да користите ове атрибуте, али већина њих има алтернативе које ће ваше странице учинити сигурнијима за будућност када пређете на ХТМЛ5.
Важећи атрибути ХТМЛ 4.01
Атрибут који смо горе описали. Једина разлика у ХТМЛ 4.01 у односу на ХТМЛ5 је та што можете да наведете било који цео број (0, 1, 2, 15, 20, 200 итд.) Да бисте дефинисали ширину обруба у пикселима.
Да бисте направили табелу са границом од 5 пиксела, напишите:
бордер = "5">
Ова табела има границу од 5 пиксела.
Атрибут дефинише количину простора између граница ћелије и садржаја ћелије. Подразумевано је два пиксела. Подесите додавање ћелија на 0 ако не желите да постоји размак између садржаја и ивица.
Да бисте поставили облагање ћелије на 20, напишите:
целлпаддинг = "20">
Ова табела има подлога за ћелије од 20.
Границе ћелије ће бити одвојене са 20 пиксела.
Погледајте пример табеле са падовима ћелија.
Атрибут дефинише количину простора између ћелија табеле и садржаја ћелије. Као и пад на ћелији, подразумевано је постављено на два пиксела, па га морате поставити на 0 ако не желите размак између ћелија.
Да бисте додали размак ћелија у табелу, напишите:
целлпацинг = "20">
Ова табела има размак ћелија од 20.
Ћелије ће бити одвојене са 20 пиксела.
Атрибут идентификује који делови обруба који окружују спољну страну табеле ће бити видљиви. Можете уоквирити свој сто на све четири стране, било којој једној, горњој и доњој, левој и десној или ниједној.
Ево ХТМЛ-а за табелу са само левом бочном ивицом:
фраме = "лхс">
Овај сто
ће имати
само
лева страна уоквирена.
И још један пример са доњим оквиром:
фраме = "белов">
Ова табела има оквир на дну.
Погледајте неке табеле са оквирима.
Атрибут је сличан атрибуту оквира, само што утиче на границе око ћелија табеле. Можете поставити правила за све ћелије, између колона, између група попут ТБОДИ и ТФООТ или ниједну.
Да бисте направили табелу са линијама само између редова, напишите:
рулес = "редови">
Овај 4к4 сто има
редови не колоне
оцртана са
атрибут правила.
И још један са линијама између колона:
рулес = "цолс">
Ово је
сто
где
колоне
су
истакнуто
Тхе атрибут пружа информације о табели за читаче екрана и другим корисничким агентима који могу имати проблема са читањем табела. Да бисте користили сажети атрибут, напишите кратки опис табеле и ставите га као вредност атрибута. Резиме се неће приказивати на веб страници у већини стандардних веб прегледача.
Ево како да напишете једноставну табелу са резимеом:
суммари = "Ово је пример табеле која садржи информације о пунилу. Сврха ове табеле је да прикаже резиме. ">
колона 1 ред 1.
колона 2 ред 1.
колона 1 ред 2.
колона 2 ред 2.
Атрибут дефинише ширину табеле у пикселима или у процентима од елемента контејнера. Ако ширина није постављена, табела ће заузети само онолико простора колико је потребно за приказ садржаја, са максималном ширином једнаком ширини надређеног елемента.
Да бисте направили табелу одређене ширине у пикселима, напишите:
видтх = "300">
Ова табела чини 80% ширине контејнера у којем се налази.
А да бисте направили табелу ширине која је проценат родитељског елемента, напишите:
видтх = "80%">
Ова табела чини 80% ширине контејнера у којем се налази.
Застарели атрибут ХТМЛ 4.01 ТАБЛЕ
Постоји један атрибут елемента ТАБЛЕ који је застарео у ХТМЛ 4.01 и застарео у ХТМЛ5: алигн. Овај атрибут вам омогућава да одредите где треба да се налази табела на страници у односу на текст који се налази поред ње. Овај атрибут је застарео у ХТМЛ 4.01 и не бисте га смели користити. Уместо тога, требало би да користите својство ЦСС или маргин-лефт: ауто; и маргина-десно: ауто; стилова. Својство флоат даје вам резултат који је ближи ономе што је пружио атрибут алигн, али може утицати на начин на који се приказује остатак садржаја странице. Десна маргина: ауто; и маргина лево: ауто; су оно што В3Ц препоручује као алтернативу.
Ево застарелог примера који користи атрибут алигн:
алигн = "ригхт">
Ова табела је поравната удесно.
Текст се креће око њега лево.
А да бисте добили исти ефекат са важећим (неажурним) ХТМЛ-ом, напишите:
стиле = "флоат: ригхт;">
Ова табела је поравната удесно.
Текст се креће око њега лево.
Застарели атрибути ТАБЕЛЕ
Претходне информације описују атрибуте ХТМЛ елемента који су важећи у ХТМЛ 4.01, али су застарели у ХТМЛ5.
Следеће описује ТАБЛЕ атрибуте који нису важећи у било којој тренутној спецификацији. Ако вас није брига да ли ваше странице потврђују и да ли корисници користе прегледач који подржава ове елементе, тада можете да користите те елементе. Али већина њих или није подржана у модерним прегледачима или имају алтернативе које су више усклађене са стандардима.
Не препоручујемо употребу ових атрибута на вашим ХТМЛ табелама.
Атрибут је стари атрибут који је био укључен пре него што је ЦСС добио широку подршку. Омогућава вам да промените боју позадине табеле. Можете поставити име боје или хексадецимални код. Овај атрибут и даље ради у многим прегледачима, али за ХТМЛ који је заштићен од будућности не би требало да га користите, већ да користите ЦСС.
Боља алтернатива овом атрибуту је својство стиле.
Да бисте променили боју позадине табеле, напишите:
стиле = "бацкгроунд-цолор: #ццц;">
Ова табела има сиву позадину.
Слично атрибуту бгцолор, атрибут бордерцолор вам омогућава да промените боју атрибута. Овај атрибут подржава само Интернет Екплорер. Уместо тога, требало би да користите својство стила бордер-цолор.
Да бисте променили боју обруба табеле, напишите:
стиле = "бордер-цолор: ред;">
Ова табела има црвену ивицу.
Атрибути бордерцолорлигхт и бордерцолордарк били су укључени у Интернет Екплорер како би вам омогућили да креирате 3Д обруб око стола. Међутим, од ИЕ8 и новије верзије ово је подржано само у ИЕ7 Стандардс Моде и Куиркс Моде. Мицрософт наводи да ова својства више нису подржана.
Кратко време предложен је атрибут цолс на елементу ТАБЛЕ који помаже прегледачима да знају колико колона има табела. Претпоставка је била да би то помогло убрзати приказивање великих столова. Међутим, имплементирао га је само Интернет Екплорер, а од ИЕ8 и новије верзије ово је подржано само у ИЕ7 Стандардс Моде и Куиркс Моде.
Будући да постоји атрибут ширине (застарео у ХТМЛ5), многи су претпостављали да постоји атрибут висине и за табеле. Али с обзиром на то да се табеле прилагођавају ширини свог садржаја или дефинисаној ширини у ЦСС-у или атрибуту ширине, висина не може бити ограничена. Уместо тога, прегледачи су дозволили атрибут хеигхт да дефинишу минималну висину табеле. Да је сто виши од те висине, приказивао би се виши. Али требали бисте користити имовину.
Са својством ЦСС висине можете ограничити висину ако такође користите својство ЦСС да бисте дефинисали шта се дешава са било којим вишком садржаја.
Да бисте поставили минималну висину на столу, напишите:
стиле = "хеигхт: 30ем;">
Ова табела је висока најмање 30 емс.
Два атрибута и додани размак око леве / десне стране (хспаце) и врха / дна (вспаце) табеле. Уместо тога, требало би да користите својство стиле.
Да бисте поставили вертикални простор на 20 пиксела, а хоризонтални на 40 пиксела, напишите:
стиле = "маргина: 20пк 40пк;"
Ова табела има размак од 20 пиксела и простор од 40 пиксела.
Атрибут је логички атрибут који дефинише да ли се садржај табеле треба премотати на ивици надређеног елемента или прозора или присилити хоризонтално помицање. Уместо тога, требало би да дефинишете карактеристике умотавања сваке ћелије табеле помоћу својства ЦСС.
Да бисте направили колону са пуно текста који се не умотава, напишите:
стиле = "вхите-спаце: новрап;"> Ово је колона са гомилом садржаја. Али чак и ако је шири од контејнера, текст не би требало да се премотава у следећи ред, већ уместо тога приморава прозор прегледача да се помера водоравно да би видео сав садржај.
Коначно, атрибут дефинише како се садржај сваке ћелије треба вертикално поравнати унутар ћелије. Уместо овог неважећег атрибута, требало би да користите својство ЦСС на свакој ћелији којој желите да промените поравнање. Ефекте овог стила нећете приметити ако садржај ћелије није мањи од расположивог простора који су створиле друге, веће ћелије.
Да приморате ћелију да се поравна према дну (уместо према средини, као подразумевано), напишите:
Ова ћелија је дужа од осталих, па ће висина бити виша. Тако ћете видети да је вертикално поравната ћелија поравната са дном.
стиле = "вертицал-алигн: боттом;"> Садржај на дну.
Садржај у средини.