И кога да се користи СТАТУС, ASIDE, и DIV
Новиот елемент на HTML5 SECTION може да биде малку збунувачки. Ако сте подготвувале HTML документи пред HTML5, шансите се дека веќе го користите елементот за да креирате структурни поделби во рамките на вашите страници, а потоа да ги стимулирате страниците со нив. Значи, тоа би можело да изгледа како природно нешто што едноставно ќе ги замени вашите постоечки DIV елементи со SECTION елементи. Но, ова е технички неточен. Значи, ако не ги заменувате DIV елементите со елементите на SECTION, како правилно ги користите?
ЕЛЕКТРОНСКИОТ ЕЛЕМЕНТ е семантички елемент
Првото нешто што треба да се разбере е дека елементот SECTION е семантички елемент. Ова значи дека им дава значење на корисничките агенти и на луѓето за тоа што приложената содржина е - конкретно дел од документот.
Ова може да изгледа како многу општ семантички опис, а тоа е затоа што е. Постојат и други HTML5 елементи кои обезбедуваат повеќе семантички разлики на вашата содржина што треба да ја користите прво пред да го користите елементот SECTION:
- ЧЛЕН
- ASIDE
- NAV
Кога да го користите елементот SECTION
Користете го елементот ARTICLE кога содржината е самостоен дел од страницата која може да стои самостојно и да биде синдикирана како статија или блог пост. Користете го елементот ASIDE кога содржината е тангенционално поврзана со содржината на страната или самиот сайт, како што се страничните ливчиња, прибелешките, фуснотите или поврзаните информации за страницата. Користете го елементот NAV за содржината што е навигација.
ЕЛЕКТРОНСКИОТ елемент е генерички семантички елемент. Го користите кога ниту еден од другите семантички контејнерски елементи не е соодветен. Го користите за да ги комбинирате деловите од вашиот документ заедно во дискретни единици кои можете да ги опишете како поврзани на некој начин. Ако не можете да ги опишете елементите во делот во една или две реченици, тогаш веројатно не треба да го користите елементот.
Наместо тоа, треба да го користите елементот DIV. ДИВ-елементот во HTML5 е не-семантички сад елемент. Ако содржината што се обидувате да ја комбинирате нема семантичко значење, но сепак треба да го комбинирате за стајлинг, тогаш елементот DIV е соодветен елемент за користење.
Како функционира елементот на секцијата
Дел од вашиот документ може да се појави како надворешен контејнер за статии и ASIDE елементи. Таа, исто така може да содржи содржина која не е дел од ЧЛЕН или ASIDE. ЕЛЕКТРОНСКИ ДЕЛ, исто така, може да се најде внатре во ЧЛЕНОТ, NAV или ASIDE. Можете дури да заглавувате делови за да посочите дека една група на содржини е дел од друга група на содржини која е дел од една статија или страница како целина.
Елементот SECTION создава елементи во рамките на преглед на документот. И како такво, секогаш треба да имате елемент за заглавје (H1-H6) како дел од делот. Ако не можете да излезете со наслов за делот, тогаш повторно елементот DIV веројатно е посоодветно. Запомнете, ако не сакате насловот на делот да се појави на страната, секогаш можете да го маскирате со CSS.
Кога не треба да се користи елементот SECTION
Надвор од горенаведениот совет за прво да ги користите поспецифичните семантички елементи, постои една дефинитивна област која не треба да го користите елементот SECTION: само за стил.
Со други зборови, ако единствената причина што ставате елемент на тоа место е да прикачите својства на стилот на CSS, не треба да користите елемент SECTION. Најдете семантички елемент или наместо да го користите елементот DIV.
На крајот на краиштата тоа не е важно
А тешкотија во пишувањето семантички HTML е дека она што е семантичко за мене може да биде целосно глупо за вас. Ако сметате дека можете да го оправдате користењето на елементот SECTION во вашите документи, тогаш треба да го користите. Повеќето кориснички агенти не се грижат и ќе ја прикажат страницата како што би очекувале да стигнете DIV или СЕКЦИЈА.
За дизајнерите кои сакаат да бидат семантички точни, користењето на СЕКЦИЈАТА на семантички валиден начин е важно. За дизајнери кои само сакаат нивните страници да работат, тоа не е толку важно. Верувам дека пишувањето на семантички валиден HTML е добра практика и ги задржува страниците уште посигурни во иднина. Но, на крајот тоа зависи од вас.