Када користити ХТМЛ5 СЕЦТИОН Елемент

А када користити АРТИКАЛ, АСИДЕ и ДИВ

Нови ХТМЛ5 СЕЦТИОН елемент може бити збуњујући. Ако сте изградили ХТМЛ документе пре ХТМЛ5, шансе су да већ користите елемент да бисте креирали структурне подјеле унутар својих страница, а затим их стајали с њима. Дакле, чини се природним стварима да једноставно замените постојеће ДИВ елементе са елементима СЕЦТИОН. Али ово је технички нетачан. Дакле, ако не само да замијените ДИВ елементе са елементима СЕЦТИОН, како их правилно користите?

Елемент СЕЦТИОН је семантички елемент

Прва ствар коју треба разумети је да је елемент СЕЦТИОН семантички елемент. То значи да пружа смисао и корисничким агенцијама и људима о томе шта је приложени садржај - посебно дио документа.

Ово може изгледати као врло општи семантички опис, а то је зато што јесте. Постоје и други ХТМЛ5 елементи који пружају више семантичких разлика за ваш садржај који бисте требали користити прије него што употребите елемент СЕЦТИОН:

Када користити елемент СЕЦТИОН

Користите елемент АРТИЦЛЕ када је садржај независни део сајта који може самостално да се сједини и да се синдикује као чланак или блог пост. Користите АСИДЕ елемент када је садржај тангенцијално повезан са садржајем странице или самом сајту, као што су бочне траке, примедбе, фусноте или сродне информације о локацији. Користите НАВ елемент за садржај који је навигација.

Елемент СЕЦТИОН је генерички семантички елемент. Користите га када ниједан други елемент семантичке контејнера није одговарајући. Користите га да бисте заједно делили део вашег документа заједно у дискретне јединице које можете описати као везане на неки начин. Ако не можете описати елементе у одељку у једној или две реченице онда вероватно не бисте требали користити елемент.

Уместо тога, требало би да користите ДИВ елемент. ДИВ елемент у ХТМЛ5 је не-семантични елемент контејнера. Ако садржај који покушавате да комбинира нема семантичко значење, али га ипак треба комбиновати за стајлинг, онда је ДИВ елемент одговарајући елемент за коришћење.

Како функционише СЕЦТИОН елемент

Део вашег документа може се појавити као спољашњи контејнер за чланке и АСИДЕ елементе. Такође може садржавати садржај који није дио АРТИКЛА или АСИДЕ. Елемент СЕКЦИЈА се такође може пронаћи унутар АРТИКЛА, НАВ или АСИДЕ. Чак можете и гнездити секције како бисте указали на то да је једна група садржаја део друге групе садржаја који је део чланка или странице у целини.

Елемент СЕЦТИОН креира ставке унутар оквира документа. И као такав, увек треба да имате елемент заглавља (Х1 до Х6) као део секције. Ако не можете да нађете наслов за тај део, онда је опет ДИВ елемент вероватно више прикладан. Запамтите, ако не желите да се наслов поглавља појављује на страници, увек можете да је маскирамо ЦСС-ом.

Када се не користи елемент СЕЦТИОН

Осим горе наведеног савјета за кориштење специфичних семантичких елемената, прво је дефинитивно подручје да не треба користити елемент СЕЦТИОН: само за стил.

Другим речима, ако једини разлог што стављате елемент на то место је да додате својства ЦСС стила, не бисте требали користити елемент СЕЦТИОН. Пронађите семантички елемент или уместо тога користите ДИВ елемент.

У коначници то можда није важно

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

За дизајнере који воле да буду семантички исправни, коришћење елемента СЕЦТИОН на семантички исправан начин је важно. За дизајнере који само желе да своје странице раде, то није тако важно. Верујем да је писање семантички валидног ХТМЛ-а добра пракса и задржава странице у будућности. Али на крају то зависи од тебе.