Елемент СЕЦТИОН је дефинисан као семантички одељак веб странице или веб локације који није друга специфичнија врста као што је АРТИЦЛЕ или АСИДЕ. Дизајнери често користе овај елемент када означавају засебан одељак странице - читав одељак који се може преместити и користити на другим страницама или деловима веб локације. То је посебан садржај.
Насупрот томе, елемент ДИВ је погодан за делове странице које желите да поделите у друге сврхе семантика. На пример, можете умотати неки садржај у ДИВ како бисте му дали „везу“ за обликовање са ЦСС-ом. Можда то није семантички засебан одељак садржаја, али је издвојен тако да можете постићи жељени изглед или осећај.
Све је у Семантици
Једина разлика између елемената ДИВ и СЕЦТИОН је семантика - значење садржаја који делите.
Било који садржај садржан у ДИВ елементу нема својствено значење. Најбоље се користи за ствари попут:
- ЦСС стилови и куке за ЦСС стилове
- Контејнери за распоред
- ЈаваСцрипт куке
- Поделе које олакшавају читање садржаја или ХТМЛ-а
ДИВ елемент је некада био једини доступан елемент за додавање кука у стилске документе и распореде. Пре ХТМЛ5, типична веб страница била је прожета ДИВ елементима. У ствари, неки ВИСИВИГ-ови уредници користили су искључиво елемент ДИВ, понекад уместо пасуса.
ХТМЛ5 је представио елементе секције који су створили више семантички описних докумената и помогли у дефинисању стилова на тим елементима.
Шта је са СПАН елементом?
Још један уобичајени несемантички елемент је СПАН. Користи се у реду за додавање кука за стилове и скрипте око блокова садржаја (обично текста). У том смислу, то је потпуно као ДИВ, али није блок елемент. Замислите ДИВ као СПАН на нивоу блока и да га користите на исти начин, али за читаве блокове ХТМЛ садржаја.
ХТМЛ нема упоредив елемент уградног секционисања.
За старије верзије Интернет Екплорера
Чак и ако подржавате драматично старије верзије Мицрософт Интернет Екплорер-а које не поуздано препознају ХТМЛ5, требало би да користите семантички исправне ХТМЛ ознаке. Семантика ће помоћи вама и вашем тиму да управљате страницом у будућности. Најновије верзије Интернет Екплорера, као и његова замена, Мицрософт Едге, препознају ХТМЛ5.
Коришћење ДИВ и СЕЦТИОН елемената
Можете користити и ДИВ и СЕЦТИОН елементе заједно у важећем ХТМЛ5 документу - СЕЦТИОН, за дефинисање семантички дискретни делови садржаја и ДИВ за дефинисање удица за ЦСС, ЈаваСцрипт и изглед сврхе.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард, 15.3.17.