A Pryd i Ddefnyddio ARTICLE, ASIDE, a DIV
Gall yr elfen ADRAN HTML5 fod braidd yn ddryslyd. Os ydych chi wedi bod yn adeiladu dogfennau HTML cyn HTML5, mae'n bosibl eich bod eisoes yn defnyddio'r elfen i greu adrannau strwythurol o fewn eich tudalennau ac yna arddull y tudalennau gyda nhw. Felly mae'n ymddangos y byddai'n beth naturiol i ddisodli'ch elfennau DIV presennol gydag elfennau ADRAN. Ond mae hyn yn dechnegol anghywir. Felly, os nad ydych yn unig yn disodli elfennau DIV gydag elfennau ADRAN, sut ydych chi'n eu defnyddio'n gywir?
Mae'r Elfen ADRAN yn Elfen Semantig
Y peth cyntaf i'w ddeall yw bod yr elfen ADRAN yn elfen semantig . Mae hyn yn golygu ei bod yn darparu ystyr i asiantau defnyddwyr a phobl am yr hyn y mae'r cynnwys amgaeedig yn benodol - yn rhan o'r ddogfen.
Gallai hyn ymddangos fel disgrifiad semantig cyffredinol iawn, a dyna oherwydd ei fod. Mae elfennau HTML5 eraill sy'n darparu gwahaniaethiadau semantig yn fwy i'ch cynnwys y dylech eu defnyddio'n gyntaf cyn i chi ddefnyddio'r elfen ADRAN:
- ARTICL
- ASIDE
- NAV
Pryd i Defnyddio'r Elfen ADRAN
Defnyddiwch yr elfen ARTICLE pan fo'r cynnwys yn rhan annibynnol o'r wefan a all sefyll ar ei ben ei hun a bod yn syndicated fel erthygl neu bost blog. Defnyddiwch yr elfen ASIDE pan fo'r cynnwys yn gysylltiedig yn uniongyrchol â naill ai cynnwys y dudalen neu'r wefan ei hun, megis bariau ochr, anodiadau, troednodiadau, neu wybodaeth gysylltiedig â'r safle. Defnyddiwch yr elfen NAV ar gyfer cynnwys sy'n llywio.
Mae'r elfen ADRAN yn elfen semantig generig. Rydych chi'n ei ddefnyddio pan nad oes unrhyw un o'r elfennau cynhwysydd semantig eraill yn briodol. Rydych chi'n ei ddefnyddio i gyfuno dogn o'ch dogfen gyda'i gilydd mewn unedau ar wahân y gallwch eu disgrifio fel rhai sy'n gysylltiedig mewn rhyw ffordd. Os na allwch ddisgrifio'r elfennau yn yr adran mewn brawddeg un neu ddwy, yna mae'n debyg na ddylech ddefnyddio'r elfen.
Yn lle hynny, dylech ddefnyddio'r elfen DIV. Mae elfen DIV yn HTML5 yn elfen cynhwysydd nad yw'n semantig. Os nad oes ystyr semantig ar y cynnwys yr ydych chi'n ceisio ei gyfuno, ond mae angen i chi ei gyfuno eto ar gyfer steilio, yna yr elfen DIV yw'r elfen briodol i'w defnyddio.
Sut mae'r Elfen ADRAN yn Gweithio
Gall adran o'ch dogfen ymddangos fel cynhwysydd allanol ar gyfer erthyglau ac elfennau ASIDE. Gall hefyd gynnwys cynnwys nad yw'n rhan o ARTICLE neu ASIDE. Gellir dod o hyd i elfen ADAIN y tu mewn i ARTICLE, NAV, neu ASIDE. Gallwch hyd yn oed nythu nythu i nodi bod un grŵp o gynnwys yn rhan o grŵp arall o gynnwys sy'n rhan o erthygl neu'r dudalen gyfan.
Mae'r elfen ADRAN yn creu eitemau y tu mewn i amlinelliad o'r ddogfen. Ac felly, dylech bob amser gael elfen pennawd (H1 trwy H6) fel rhan o'r adran. Os na allwch ddod o hyd i deitl ar gyfer yr adran, yna eto mae'n debyg y bydd yr elfen DIV yn fwy priodol. Cofiwch, os nad ydych am i'r teitl yr adran ymddangos ar y dudalen, gallwch chi bob amser ei guddio â CSS.
Pan na Dylech Defnyddio'r Elfen ADRAN
Y tu hwnt i'r cyngor uchod i ddefnyddio'r elfennau semantig mwy penodol yn gyntaf, mae un maes pendant na ddylech ddefnyddio'r elfen ADRAN: ar gyfer arddull yn unig.
Mewn geiriau eraill, os yw'r unig reswm rydych chi'n rhoi elfen yn y man hwnnw yw atodi eiddo arddull CSS, ni ddylech ddefnyddio elfen ADRAN. Dewch o hyd i elfen semantig neu defnyddiwch yr elfen DIV yn lle hynny.
Yn y pen draw, efallai na fydd yn fater
Anhawster ysgrifennu HTML semantig yw y gall yr hyn sy'n semantig i mi fod yn rhyfedd i chi. Os ydych chi'n teimlo y gallwch gyfiawnhau defnyddio'r elfen ADRAN yn eich dogfennau, yna dylech ei ddefnyddio. Nid yw'r rhan fwyaf o asiantau defnyddwyr yn gofalu a byddant yn arddangos y dudalen fel y gallech ei ddisgwyl a ydych chi'n arddull DIV neu ADRAN.
Ar gyfer dylunwyr sy'n hoffi bod yn fanwl gywir, mae defnyddio'r elfen ADRAN mewn ffordd ddilys yn ddilys yn bwysig. Ar gyfer dylunwyr sydd eisiau eu tudalennau i weithio, nid yw hynny mor bwysig. Rwy'n credu bod ysgrifennu HTML yn ddilys yn ddilys yn arfer da ac yn cadw'r tudalennau yn fwy yn y dyfodol. Ond yn y diwedd, mae i fyny i chi.