Na wakati wa kutumia ARTICLE, ASIDE, na DIV
Kipengele kipya cha HTML5 SECTION kinaweza kuchanganya. Ikiwa umejenga nyaraka za HTML kabla ya HTML5, nafasi ni tayari kutumia kipengele kujenga mgawanyiko wa miundo ndani ya kurasa zako na kisha kurasa za mtindo pamoja nao. Kwa hiyo inaweza kuonekana kama kitu cha kawaida kwa kuchukua nafasi tu vipengele vya DIV zilizopo kwa vipengele vya SECTION. Lakini hii ni kimsingi isiyo sahihi. Kwa hiyo ikiwa huna nafasi ya vipengele vya DIV kwa vipengele vya SECTION, unayatumiaje kwa usahihi?
Sehemu ya SECTION ni Element Semantic
Jambo la kwanza kuelewa ni kwamba kipengele cha SECTION ni kipengele cha semantic . Hii ina maana kwamba hutoa maana kwa mawakala wote wa mtumiaji na wanadamu kuhusu maudhui yaliyomo ni hasa sehemu ya waraka.
Hii inaweza kuonekana kama maelezo ya jumla ya semantic, na hiyo ni kwa sababu ni. Kuna mambo mengine ya HTML5 ambayo hutoa tofauti zaidi ya utaratibu wa maudhui yako ambayo unapaswa kutumia kwanza kabla ya kutumia kipengele cha SECTION:
- Makala
- ASIDE
- NAV
Wakati wa kutumia SECTION Element
Tumia kipengele cha ARTICLE wakati maudhui ni sehemu ya kujitegemea ya tovuti ambayo inaweza kusimama peke yake na kuunganishwa kama chapisho au chapisho la blogu. Tumia kipengele cha ASIDE wakati maudhui yanapohusiana na maudhui ya ukurasa au tovuti yenyewe, kama vile sidebars, annotations, footnotes, au habari zinazohusiana na tovuti. Tumia kipengele cha NAV kwa maudhui ambayo ni urambazaji.
Kipengele cha sehemu ni kipengele cha semantic ya generic. Unaitumia wakati hakuna vipengele vyenye vyenye vya semantic vyema. Unaitumia kuchanganya sehemu za waraka wako pamoja katika vitengo vya uwazi ambavyo unaweza kuelezea kama ilivyohusiana kwa namna fulani. Ikiwa huwezi kuelezea vipengele katika sehemu moja au sentensi mbili, basi labda usipaswi kutumia kipengele.
Badala yake, unapaswa kutumia kipengele cha DIV. Kipengele cha DIV katika HTML5 ni kipengele cha kisima cha semantiki. Ikiwa maudhui unayojaribu kuchanganya hayana maana ya semantic, lakini bado unahitaji kuchanganya kwa kupiga picha, kisha kipengele cha DIV ni kipengele sahihi cha kutumia.
Jinsi SECTION Element Kazi
Sehemu ya hati yako inaweza kuonekana kama chombo cha nje cha makala na vipengele vya ASIDE. Inaweza pia kuwa na maudhui ambayo si sehemu ya ARTICLE au ASIDE. Kipengele cha SECTION kinaweza pia kupatikana ndani ya ARTICLE, NAV, au ASIDE. Unaweza hata sehemu ya kiota ili kuonyesha kwamba kundi moja la maudhui ni sehemu ya kundi lingine la maudhui ambayo ni sehemu ya makala au ukurasa kwa ujumla.
Kipengele cha SECTION kinajenga vitu ndani ya muhtasari wa hati. Na kama vile, unapaswa kuwa na kipengele cha kichwa (H1 kupitia H6) kama sehemu ya sehemu. Ikiwa huwezi kuja na kichwa cha sehemu hii, basi tena kipengele cha DIV kinafaa zaidi. Kumbuka, ikiwa hutaki kichwa cha sehemu kifoneke kwenye ukurasa, unaweza kuzungumza na CSS kila mara.
Wakati Usiotumie Makala ya SECTION
Zaidi ya ushauri hapo juu wa kutumia vipengele vya kwanza vya semantic kwanza, kuna eneo moja la uhakika ambalo unapaswa kutumia kipengele cha SECTION: kwa mtindo tu.
Kwa maneno mengine, kama sababu pekee unayoweka kipengele mahali hapo ni kuunganisha mali ya mtindo wa CSS, haipaswi kutumia kipengele cha SECTION. Pata kipengele cha semantic au tumia kipengele cha DIV badala yake.
Hatimaye inaweza kuwa si jambo
Ugumu wa kuandika HTML ya semantic ni kwamba kile ambacho ni semantic kwangu inaweza kuwa kibaya kwa wewe. Ikiwa unajisikia kuwa unaweza kuhalalisha kutumia kipengele cha sehemu katika nyaraka zako, basi unapaswa kutumia. Wakala wengi wa mtumiaji hawajali na wataonyesha ukurasa kama unavyoweza kutarajia ikiwa unatafsiri DIV au SECTION.
Kwa wabunifu ambao wanapenda kuwa sawa na kimaadili, kutumia kipengele cha SECTION kwa namna ya halali ya kimsingi ni muhimu. Kwa waumbaji ambao wanataka tu kurasa zao za kufanya kazi, hiyo sio muhimu. Ninaamini kwamba kuandika HTML halali ya kivinjari ni mazoea mazuri na inaendelea kurasa zaidi ya kuthibitishwa baadaye. Lakini mwisho ni juu yako.