Skilningur á HTML5 kafla Element
Þegar HTML5 byrjar á vettvangi fyrir nokkrum árum, bætti það við fullt af nýjum sneiðþáttum í langauge, þ.mt þátturinn þáttur. Flest nýju þættirnir sem HTML5 kynna hafa skýr notkun. Til dæmis er þátturinn notaður til að skilgreina greinar og meginhluta vefsíðunnar. Einingin er notuð til að skilgreina tengt efni sem er ekki gagnrýnt fyrir hinn megin á síðunni og haus, hnútur og fótur eru nokkuð sjálfsskýringar. The nýlega bætt þáttur þáttur, hins vegar, er svolítið minna skýr.
Margir trúa því að HTML-þættirnir séu hlutar og eru í raun bara það sama og almenna ílát sem notuð eru til að innihalda efni á vefsíðu. Staðreyndin er hins vegar sú að þessi tvö þættir, þótt bæði séu ílát, séu allt annað en almenna. Það eru sérstakar ástæður fyrir því að nota bæði þáttarþáttinn og DIV-þátturinn - og þessi grein mun útskýra þessi munur.
Kafla og deildir
Þátturinn þáttur er skilgreindur sem merkingartækni á vefsíðu eða síðu sem er ekki annar nákvæmari tegund (eins og grein eða til hliðar). Ég hef tilhneigingu til að nota þennan þátt þegar ég merki upp sérstaka hluta síðunnar - hluti sem gæti verið heildsöluflutt og notuð á öðrum síðum eða hlutum vefsvæðisins. Það er sérstakt innihaldsefni, eða "hluti" efnis, ef þú vilt.
Hins vegar notar þú DIV þátturinn fyrir hluta síðunnar sem þú vilt skipta upp, en í öðrum tilgangi en merkingartækni . Ég myndi vefja innihald í deild ef ég er að gera það eingöngu að gefa mér "krók" til að nota með CSS. Það kann ekki að vera greinilegur hluti af efni sem byggist á merkingartækni, en það er eitthvað sem ég mæti fyrir til að ná uppsetningunni sem ég vil fyrir síðuna mína.
Það snýst allt um merkingartækni
Þetta er erfitt hugtak að skilja, en eina munurinn á DIV frumefni og þátturinn þáttur er merkingartækni. Með öðrum orðum, það er merking þess hluta kóðans sem þú ert að deila upp.
Efni sem er að finna í DIV-frumefni hefur ekki nein merkingu. Það er best notað fyrir hluti eins og:
- CSS stíll og krókar fyrir CSS stíl
- Skipulag gáma
- JavaScript krókar
- Deildir fyrir HTML til að auðvelda að lesa
DIV-þátturinn var eini þátturinn sem við höfðum til að bæta við krókum til að stilla skjölin okkar og búa til dálka og ímynda skipulag. Vegna þessa endnuðum við með HTML sem var riddled með DIV þætti - hvað geta vefhönnuðir kallað "divitis". Það voru jafnvel WYSIWYG ritstjórar sem notuðu DIV frumefni eingöngu. Ég hef reyndar keyrt yfir HTML sem notar DIV frumefni í staðinn fyrir málsgreinar!
Með HTML5 getum við byrjað að nota hlutdeildarþætti til að búa til fleiri semantískt lýsandi skjöl (nota til flakk og lýsandi tölur osfrv.) Og skilgreina einnig stílin á þessum þáttum.
Hvað um SPAN Element?
Önnur þátturinn sem flestir hugsa um þegar þeir hugsa um DIV-þáttinn er þátturinn. Þessi þáttur, eins og DIV, er ekki semantic þáttur. Það er inline frumefni sem þú getur notað til að bæta við krókum fyrir stíl og forskriftir um inline blokkir af efni (venjulega texta). Í þeim skilningi er það nákvæmlega eins og DIV frumefni, aðeins inline frekar en blokkareining . Einhvern veginn gæti verið auðveldara að hugsa um DIV sem SPAN-þætti í blokk og nota það á sama hátt og þú vilt aðeins SPAN fyrir alla blokkir HTML-innihalds.
Það er engin sambærileg inline sectioning þáttur í HTML5.
Fyrir eldri útgáfur af Internet Explorer
Jafnvel ef þú ert að styðja verulega eldri útgáfur af IE (eins og IE 8 og lægri) sem þekkja ekki áreiðanlega HTML5, ættir þú ekki að vera hræddur við að nota merkjanlega rétt HTML tags. Semantics mun hjálpa þér og liðinu þínu að stjórna síðunni í framtíðinni (vegna þess að þú munt vita að þessi hluti er greinin ef hún er umkringdur hlutanum ARTICLE). Auk þess geta vafrar sem þekkja þessi merki styðja þá betur.
Þú getur samt notað HTML5 merkingarhluta með Internet Explorer, þú þarft bara að bæta við forskriftarþarfir og hugsanlega nokkrum kringum DIV þætti til að fá þau til að viðurkenna merkin sem HTML.
Notkun DIV og hlutar þættir
Ef þú notar þau rétt, getur þú notað bæði DIV og Þætti þætti saman í gilt HTML5 skjali. Eins og þú hefur séð hér í þessari grein notar þú þátturinn Þáttur til að skilgreina semantically stakur hluti af efninu og þú notar DIV frumefni sem krókar fyrir CSS og JavaScript og skilgreinir skipulag sem hefur ekki merkingartækni.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 3/15/17