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