Kdaj uporabiti ART, ASIDE in DIV
Novi element HTML SECTION 5 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 zdi kot naravno, da preprosto zamenjate obstoječe elemente DIV z elementi SECTION. Toda to je tehnično napačno. Torej, če ne nadomestite DIV elementov z elementi SECTION, kako jih pravilno uporabite?
Element SECTION je semantični element
Prva stvar, ki jo lahko razumemo, je, da je element SECTION 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 element SECTION:
- ČLEN
- ASIDE
- NAV
Kdaj uporabiti element SECTION
Uporabite element ARTIKLE, ko je vsebina neodvisen del spletnega mesta, ki je lahko samostojno in je sindiciran kot članek ali objava v spletnem dnevniku. Uporabite element ASIDE, če je vsebina tangencialno povezana z vsebino strani ali spletnim mestom, kot so stranske opombe, opombe, opombe ali povezane informacije o spletnem mestu. Uporabite element NAV za vsebino, ki je navigacija.
Element SECTION 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 uporabite element DIV. Element DIV v HTML5 je nesemantičen element vsebnika. Če vsebina, ki jo poskušate združiti, nima semantičnega pomena, vendar jo še vedno potrebujete za styling, je element DIV ustrezen element za uporabo.
Kako deluje DEL SECTION
Del vašega dokumenta se lahko prikaže kot zunanji vsebnik za izdelke in elemente ASIDE. Vsebuje lahko tudi vsebino, ki ni del članka ali ASIDE. Element SECTION lahko najdete tudi v članku ART, 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.
Element SECTION ustvari postavke znotraj obrisa dokumenta. In kot tak, morate vedno imeti element glave (H1 do H6) kot del razdelka. Če ne najdete naslova za razdelek, potem je verjetno bolj primeren element DIV. 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, za katerega ne bi smeli uporabljati elementa SECTION: samo za slog.
Z drugimi besedami, če je edini razlog, zaradi katerega postavite element na tem mestu, je, da dodate lastnosti sloga CSS, ne smete uporabljati elementa SECTION. Poiščite semantični element ali namesto tega uporabite element DIV.
Navsezadnje ni mogoče
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 v dokumentih upravičite uporabo elementa SECTION, potem ga morate uporabiti. Večina uporabniških agencij ne skrbi in bo prikazala stran, kot bi lahko pričakovali, ali slišite DIV ali ODDELEK.
Za oblikovalce, ki želijo biti semantično korektni, je pomembno, da uporabljate element SECTION na semantično veljaven način. Za oblikovalce, ki želijo svoje strani delovati, to ni tako pomembno. Verjamem, da je pisanje semantično veljavnega HTML dobra praksa in ohranja strani bolj v prihodnosti. Toda na koncu je odvisno od vas.