Novi HTML5
ODDELEK element je lahko nekoliko zmeden. Če ste gradili HTML dokumente pred HTML5, verjetno že uporabljate element za ustvarjanje strukturnih delitev znotraj vaših strani in nato slog strani z njimi. Zato se vam zdi kot naravna stvar preprosto nadomestiti obstoječe
DIV elementi z
ODDELEK elementi. Toda to je tehnično napačno. Če torej ne zamenjate
DIV elementi z
ODDELEK elemente, kako jih pravilno uporabite?
Element SECTION je semantični element
Prva stvar, ki jo lahko razumemo je, da
ODDELEK Element je semantični element. To pomeni, da daje uporabnikom in ljudem smisel o tem, kaj je zaprta vsebina - natančneje del dokumenta.
To se morda zdi zelo splošen semantični opis, in to je zato, ker je. Obstajajo še drugi elementi HTML5, ki omogočajo več semantičnih razlik za vsebino, ki jo morate najprej uporabiti, preden uporabite
ODDELEK element:
-
ČLEN
-
ASIDE
-
NAV
Kdaj uporabiti element SECTION
Uporabi
ČLEN element, če je vsebina neodvisen del spletnega mesta, ki je lahko samostojno in je sindiciran kot članek ali objava v spletnem dnevniku. Uporabi
ASIDE element, če je vsebina tangencialno povezana z vsebino strani ali s samim spletnim mestom, kot so stranske vrstice, opombe, opombe ali povezane informacije o spletnem mestu. Uporabi
NAV element za vsebino, ki je navigacija.
The
ODDELEK Element je generični semantični element. Uporabljate ga, če noben od drugih semantičnih vsebnikov ni ustrezen. Uporabljate ga za združevanje delov svojega dokumenta skupaj v diskretne enote, ki jih lahko na neki način opisujete kot povezane. Če elementov v razdelku ne morete opisati v enem ali dveh stavkih, potem verjetno ne bi smeli uporabiti elementa.
Namesto tega bi morali uporabiti
DIV element. The
DIV element v HTML5 je nesemantičen element vsebnika. Če vsebina, ki jo poskušate združiti, nima semantičnega pomena, vendar jo morate še vedno združiti za styling, nato pa
DIV element je primeren element za uporabo.
Kako deluje DEL SECTION
Del vašega dokumenta se lahko prikaže kot zunanji vsebnik za izdelke in
ASIDE elementi. Vsebuje tudi vsebino, ki ni del spletnega mesta
ČLEN ali
ASIDE. A
ODDELEK element je mogoče najti tudi znotraj
ČLEN,
NAV, ali
ASIDE. V razdelkih lahko celo vtaknete, da označite, da je ena skupina vsebine del druge skupine vsebin, ki je razdelek članka ali strani kot celote.
The
ODDELEK Element ustvari elemente znotraj obrisa dokumenta. In kot tak, morate vedno imeti element glave (
H1 skozi
H6) kot del oddelka. Če ne najdete naslova za razdelek, potem znova
DIV element je verjetno bolj primeren. Ne pozabite, če ne želite, da se naslov strani na strani prikaže, ga lahko vedno prikrijete s CSS.
Če ne želite uporabiti elementa SECTION
Poleg zgornjega nasveta, da najprej uporabite bolj specifične semantične elemente, obstaja eno določeno področje, ki ga ne smete uporabljati
ODDELEK element: samo za slog.
Z drugimi besedami, če je edini razlog, zaradi katerega postavljate element na tem mestu, je, da dodate lastnosti CSS sloga, ne smete uporabljati
ODDELEK element. Poiščite semantični element ali uporabite
Konec koncev ni lahko
Težava pri pisanju semantičnega HTML-ja je, da je tisto, kar je semantično zame, popolna neumnost za vas. Če menite, da lahko upravičite uporabo
ODDELEK element v dokumentih, potem ga morate uporabiti. Večina uporabniških agentov ne skrbi in bo prikazala stran, kot bi lahko pričakovali, ali slišite
DIV ali a
ODDELEK.
Za oblikovalce, ki želijo biti semantično pravilni, z uporabo
ODDELEK element na semantično veljaven način je pomemben. Za oblikovalce, ki želijo svoje strani delovati, to ni tako pomembno. Verjamemo, da je pisanje semantično veljavnega HTML dobra praksa in ohranja strani bolj v prihodnosti. Toda na koncu je odvisno od vas.
