Зашто треба избегавати табеле за распоређивање веб страница

click fraud protection

Учење писања ЦСС распореди могу бити незгодни, посебно ако сте упознати са коришћењем табела за креирање фенси распореда веб страница. Али док ХТМЛ5 дозвољава табеле за распоред, то није добра идеја.

Табеле нису доступне

Слично претраживачи, већина читача екрана чита веб странице по редоследу који приказују у ХТМЛ-у, а читачима екрана може бити тешко да рашчлане податке. Садржај у распореду табеле, иако је линеаран, нема увек смисла када се чита слева надесно и од врха до дна. Осим тога, са угнежђеним табелама и разним распонима на ћелијама табеле може отежати докучивање странице.

То је разлог што ХТМЛ5 спецификација препоручује против табеле за распоред и зашто то ХТМЛ 4.01 не дозвољава. Приступне веб странице омогућавају више људи да их користе и знак су професионалног дизајнера.

Помоћу ЦСС-а можете да дефинишете одељак који припада левој страни странице, али га последњи поставите у ХТМЛ. Тада ће читачи екрана и претраживачи једнако прочитати важне делове (садржај), а мање важне делове (навигацију) последње.

instagram viewer

Табеле су шкакљиве

Чак и ако направите табелу помоћу веб уређивача, ваше веб странице ће и даље бити сложене и тешке за одржавање. Осим најједноставнијих дизајна веб страница, већина табела изгледа захтева употребу пуно атрибута и угнежђених табела.

Изградња стола може изгледати лако док то радите, али након што то завршите, морате га одржавати. Шест месеци ниже можда није тако лако сетити се зашто сте угнездили табеле или колико је ћелија било у низу и тако даље. Да не спомињем, ако одржавате веб странице као члан тима, морате свима објаснити како табеле раде или очекивати да ће им требати додатно време када треба да унесу промене.

ЦСС такође може бити компликован, али задржава презентацију одвојену од садржаја и олакшава дугорочно одржавање. Уз то, са ЦСС распоредом можете написати једну ЦСС датотеку и стилизирати све своје странице да изгледају тако. Тада када желите да промените изглед ваше веб локације, једноставно промените једну ЦСС датотеку и целину промене сајта - више нема пролажења сваке странице одједном за ажурирање табела ради ажурирања распоред.

Табеле су нефлексибилне

Иако је могуће креирати распореде табела са процентуалним ширинама, они се често спорије учитавају и могу драматично променити изглед вашег изгледа. Али ако за табеле користите назначене ширине, на крају ћете добити врло крут распоред који неће изгледати добро на мониторима који су другачије величине од вашег.

Стварање флексибилних изгледа који добро изгледају на многим мониторима, прегледачима и резолуцијама је релативно лако. У ствари, помоћу ЦСС упита за медије можете да креирате засебне дизајне за екране различитих величина.

Табеле боли оптимизацију претраживача

Најчешћи изглед створен за табелом користи траку за навигацију на левој страни странице и главни садржај на десној страни. Када се користе табеле, овај приступ (углавном) захтева да први садржај који се приказује у ХТМЛ-у буде лева трака за навигацију. Претраживачи категоризују странице на основу садржаја, а многи механизми утврђују да је садржај приказан на врху странице важнији од осталог садржаја. Дакле, чини се да страница са прво навигацијом са леве стране има садржај који је мање важан од навигације.

Користећи ЦСС, важан садржај можете прво ставити у ХТМЛ, а затим помоћу ЦСС-а одредити где треба да буде постављен у дизајну. То значи да ће претраживачи прво видети важан садржај, чак и ако га дизајн постави ниже на страницу.

Табеле се увек не штампају добро

Многи дизајни столова не штампају се добро јер су једноставно прешироки за штампач. Дакле, да би их прилагодили, прегледачи су пресекли табеле и одштампали одељке у наставку што је резултирало раздвојеним страницама. Понекад се на крају нађу странице које изгледају у реду, али недостаје цела десна страна. На осталим страницама биће исписани одељци на разним листовима.

Са ЦСС-ом можете створити засебну табелу стилова само за штампање странице.

Табеле за распоред су неважеће у ХТМЛ 4.01

Тхе Стања спецификације ХТМЛ 4: "Табеле се не би смеле користити само као средство за постављање садржаја документа, јер то може представљати проблеме приликом приказивања на невизуелним медијима."

Дакле, ако желите да напишете важећи ХТМЛ 4.01, не можете да користите табеле за распоред. Табеле бисте требали користити само за табеларне податке, а табеларни подаци обично изгледају као нешто што бисте могли приказати у прорачунској табели или можда у бази података.

Међутим, ХТМЛ5 је променио правила и сада се табеле за распоред, иако се не препоручују, сматрају важећим ХТМЛ-ом. Спецификација ХТМЛ5 каже: „Табеле се не би смеле користити као помоћна средства за распоред.“ То је зато што је табеле за распоред читачима заслона тешко разликовати, као што је претходно поменуто.

Коришћење ЦСС-а за позиционирање и распоред страница једини је важећи начин ХТМЛ 4.01 за добијање дизајна помоћу којих сте користили табеле, а ХТМЛ5 топло препоручује и овај метод.

instagram story viewer