Í Fyrsta hluti þessa röð við fjallaðum um mistökin sem leiða til uppbyggingarefna HTML5, í þessum seinni hluta munum við líta í smáatriðum um afleiðingar þessara bilana.

Ég hef sagt nokkrum sinnum að HTML5 kynnir nýja aðferð við að skipuleggja vefsíðu, og þú ert líklega að velta fyrir þér hvað raunverulega er. Það er rétt þarna í sérstakri, hver kynnir hugtakið 'hlutdeildar efni' ': Innihaldsefni er efni sem skilgreinir umfang fyrirsagnir og fótspor. Hver hlutdeildarþáttur hlutdeildar kann að hafa fyrirsögn og útlínur.

The sérstakur skjöl nálgun hans við fyrirsagnir, köflum og útlínur til að gera hugtakið skýrt. Jæja, hreinsaðu þá sem þurfa að framkvæma virkni í vafra. Fyrir okkur að skilja skipulagsþætti HTML (hluti, grein, hnú, hliðar og tengdir þættir haus og fótur) og þetta hylja hugtakið 'hlutdeildar efni' eða 'útlínur', þurfum við að taka smá ferð í gegnum HTML sögu.

Útlínur gamalt hugtak

Hugmyndin um útlínur kynntur í HTML5 er hægt að rekja til baka allt að 1991 og var með í illa fated, endalokum XHTML 2.0 forskotinu og loksins sjá ljós dagsins í HTML5 ... aðeins til að vera svo illa miðlað að hugmyndin er nokkuð dauður við komu.

Áður en HTML5 var sett var stigaröðin á síðu ákveðin af fyrirsögnunum - gömlu vinirnir okkar h1 til og með h6. Við gætum byggt upp síðu með því að segja að titillinn sé h1, greinin fyrirsögn getur verið h2 og ef til vill undirfyrirsagnir í greininni geta verið h3 og h4 og svo framvegis.

Þetta er fínt fyrir einfalt skjal, en með því að nota fyrirsögnarkóða til að búa til rökrétt stigveldi, eða 'skjalaskýring', fyrir flókna, nútíma vefsíðu er mjög erfitt. Hluti af vandamálinu er skortur á leið til að ákvarða hvar síðuhluti byrjar og hættir. Til dæmis, segjum að við höfðum áður getið skjalið okkar með h1 fyrir síðu titilinn, h2 fyrir greinatitilinn, h3 fyrir undirliðunum, en þá viljum við merktu titilinn fyrir hliðarhluta okkar með h3 fyrirsögnum.

Skýringarmyndin sem slíkar uppbyggingar myndu skapa myndu líta svona út:

My Old Blog

My Latest Blog Post

My Blog Post Sub Heading

My Blog Post Sub Heading

About Me

Archives

Social Links

Hér eru h3 þættirnir "í eigu" af h2 yfir þeim, jafnvel þótt það sé ekki mikið vit. Auðvitað viljum við brjóta þetta upp með eitthvað eins og div fyrir greinina og div fyrir hliðarstikuna, en þetta er hunsað af notendum umboðsmanna (eins og skjálesendur) sem ákvarða blaðsíðuna með fyrirsögninni uppbyggingu eingöngu.

Með því að binda á síðu stigveldi beint við það sem er oft kynningartækni, erum við takmörkuð við hvernig við getum byggt upp síðu.

Ferskt tilraun á gömlu skotmarki

Í tilraun til að leysa þetta vandamál kynnir HTML5 hugmyndina um "sundrungarþætti", það er sérstaka þætti sem skipta síðunni upp í - þú giska á það - köflum og þessir köflur ákvarða hreiðurstig hausanna og örugglega stigveldið , eða 'útlínur' á síðunni.

Þannig er stigveldi blaðsins aftengdur frá fyrirsögninni, en í stað þessara nýju hlutdeildarþátta ákvarða hvaða stig fyrirsögnin er í raun.

Í fyrstu drögunum XHTML 2.0 forskrift , sundurliðun unnið með hlutahluta og almennt haus frumefni. Þegar við skrifa HTML, þá viljum við ekki tilgreina hvaða stig fyrirsögninni sem við viljum nota, við viljum einfaldlega láta vafrann ákvarða magn hreiður fyrir tiltekna fyrirsögn. Við gætum hreiður hluti þættir 99 stigum djúpt og h frumefni á 99. stigi jafngildir h99 frumefni. Þannig getum við skipulagt skjöl okkar rökrétt án þess að hafa áhyggjur af því hvernig við getum notað takmörkuð h1-h6 þætti.

(Þessi hugmynd er í raun dagsetning aftur til 1991, við the vegur: eins Jeremy Keith benti á að Tim Berners-Lee hélt hugmyndinni um hluta og h þátt að byggja upp síðu í lok þetta október 1991 email .)

Hickson reyndi að kynna þetta sama hugtak í HTML5 en með auknum erfiðleikum: Hann vildi viðhalda bakviðri eindrægni og kynna nýjar merkingarfræði til að "einfalda höfundar" til að ræsa. Þess vegna, í stað þess að hafa aðeins þáttarþátt í HTML5, höfum við einnig grein, hub og hliðarþætti sem allir gera það sama og hluti en með mismunandi nöfnum, sem nota á mismunandi vegu.

Hvað segir sérstakan um þessi atriði? Ég hvet þig til lesið sérstakan fyrir sjálfan þig , en hér er bragð:

Hluti þátturinn er grundvöllur hlutasafns til að búa til skjalaskýringu.

Hluti þátturinn táknar almenna hluta skjals eða forrits. A hluti, í þessu samhengi, er þemahópur innihalds, venjulega með fyrirsögn.

Dæmi um köflum eru kaflar, hin ýmsu flipaþættir í flipa valmynd, eða tölduðu köflum ritgerðar. Heimasíða heimasíða gæti skipt í köflum fyrir kynningu, fréttum og upplýsingum um tengiliði.

Skýringin í greininni segir að þátturinn ætti ekki að vera notaður í eingöngu stíl tilgangi - Div væri betra þar, og skiljanlega svo, eins og köflum kastað í willy-nilly fyrir stíl myndi skapa mjög brotið skjal útlínur.

Minnispunkturinn heldur áfram að segja: "Almenn regla er sú að þátturinn í hlutanum sé aðeins viðeigandi ef innihald innihaldsins væri að finna skýrt í útliti skjalsins" og það er skýrasta yfirlýsingin um hlutareininguna í forskriftinni.

Þegar við skiljum hugtakið sundurliðun og útlínur er þátttaka þáttarins skynsamlegt. Það kom ekki fram í sameiginlegum rannsóknum á bekkjarrannsóknum, en það birtist í XHTML 2.0 og er dagsett aftur til ársins 1991.

Hinir uppbyggingarefnin HTML5 kynna - þær sem væntanlega endurspeglast í rannsóknum - gera nákvæmlega það sama og hlutdeildarþátturinn, að því er varðar skjalið. Þeir búa líka til stigveldi síðunnar, og þannig skjalið útlínur.

Taktu greinargreinina til dæmis. Margir gera ráð fyrir að það sé einfaldlega fyrir greinar eins og þennan. En það er það alls ekki. Það er 'grein' í skilningi 'fötabragðs'. Það er betra hugsað sem "hlutur" eins og í "fötatriði", eins og skilgreining þess er svo breið.

Þegar greinarþættir eru hreiður, tákna innri greinarþættir greinar sem eru í grundvallaratriðum tengd innihaldi ytri greinarinnar. Til dæmis getur bloggfærsla á vefsvæðinu sem tekur við notendaskilaboðum svarað athugasemdunum sem hlutar greinar inni í greininni fyrir bloggfærsluna.

Í HTML5 eru notendur athugasemdir, greinin rétt, vettvangsstöður og jafnvel "gagnvirkar búnaður og græjur" allar greinar. Skilgreiningin er svo fjölbreytt að hún sé gagnslaus - merkingartækni er ætlað að gefa merkingu, en með því að nota sameiginlega hugtakið fyrir svo fjölbreytt úrval af hlutum er þátturinn ófullkominn.

Þetta er eitt dæmi þar sem við höfum forkað sérstakan - nokkrir fylgjast nákvæmlega með réttu og gera næstum allt grein (bloggfærslur, bloggfærslur, athugasemdir, búnaður, vettvangsstöður osfrv.) En aðrir hafa haldið því aðeins fyrir aðal greinina á síðu, sem er aðeins ein hluti af víðtækri skilgreiningu þess. Þú gætir held að það skiptir ekki máli hvort heldur, og að miklu leyti væritu rétt. En hugsa um alla þá sem lesa þjónustu sem miða að því að flokka aðal innihald síðunnar. Hvaða framkvæmd sérstakra ætti að fylgja? Ættu þeir að fylgja því sem sérstakurinn segir í rauninni, eða ættum þeir að fylgja almennum samfélagsumræðum þar sem yfirleitt er aðeins ein Canonical 'grein' á blaðsíðu?

Þetta er misst tækifæri, og hvað gerist þegar skilgreiningin nær ekki að skilgreina , og ritstjóri og, til að vera sanngjörn, samfélagið, tekst ekki að miðla því sem sérstakurinn segir í raun.

Ímyndaðu þér ef greinin var ekki notuð til athugasemda. Ímyndaðu þér að ef athugasemdir hafi eigin frumefni, til dæmis, og samþykktin varð útbreidd. Vafraforrit gætu bætt við aðgerðinni 'mute comments' sem gæti auðveldlega fela (eða á annan hátt flokka) athugasemdir á vefsíðum. En Hickson hefur sérstaklega neitað beiðni um athugasemdareiningu . Í HTML5 eru greinar alla leið niður.

Til hliðar er annar þáttur sem birtist ekki hvar sem er í Hickson's kennitölu rannsóknum og fær mjög sérkennilegan skilgreiningu til að ræsa:

The hliðarþáttur er hluti af síðu sem samanstendur af efni sem er í snertingu við innihaldið um hliðarþáttinn og sem gæti talist aðskild frá því efni. Slíkar köflur eru oft táknuð sem skenkur í prentuðu letri.

Einingin er hægt að nota fyrir leturgerðir eins og gæsalöppur eða hliðarslár, til að auglýsa, fyrir hópa af húseiningum og fyrir annað efni sem talið er aðgreint frá aðalatriðum síðunnar.

Hver veit hvers vegna til hliðar ætti að ná bæði tilvitnunum, skenkum, auglýsingum og hópum siglingaþátta, en það skapar einnig nýjar greinar í skjalinu. Þetta þýðir að draga tilvitnanir fá eigin bullet lið í skjalinu útlínunni, sem virðist, segjum, 'stakur'. Aftur hefur hollur notkun þess með vel ætluðum vefhönnuðum og mun skapa nóg af brotnum skjalshlutum.

The nav frumefni virðist mest sjálfsskýring á þættir þættir, og því miður hefur skilgreiningin ekki verið strekkt út fyrir brot.

Höfuðþátturinn táknar hluta síðu sem tengist öðrum síðum eða hlutum innan síðunnar: hluti með flakkaslóðum.

Sem er fínt og gæti haft fræðilegan ávinning gagnsemi (notandi umboðsmaður gæti sleppt fortíðinni, eða hoppa til, Nav-tengla-þeir gera það ekki, en þeir gætu).

Vandamálið er að í anda "einfalda höfundar" og skipta um Div með Nav-þátturinn, blæsum við upp stýrihönnun fyrir aðra undirhóp notenda. Notendur IE6-8 með JavaScript burt (Rannsóknir Yahoo benda til 1-2% allra notenda eru með JavaScript ) eru fórnarlömb þessu vandamáli. Með JavaScript af, JavaScript-undirstaða HTML5 shim sem hjálpar IE6-8 að skilja HTML5 þætti virkar ekki, þannig að vafrinn stíll ekki HTML5 þætti. Þetta getur aðeins haft áhrif á lítinn fjölda notenda en hvers vegna hefur það áhrif á þá?

&

Höfuð- og fótspjöldin eru klassískt mál að taka almennar hugtök og gefa þeim mjög mismunandi notkun.

The sérstakur segir að hvorki þessir þættir búa til nýjar greinar í skjalinu, þrátt fyrir að þær eru oft lýst sem að vera í sambandi við hluta, flokka, greinar og til hliðar. Reyndar gera þeir ekkert neitt. Þau eru bara innifalinn til að afmarka svæði tiltekins hluta í skjalinu.

Hér er það sem sérstakurinn segir um haus: haus þátturinn táknar hóp inngangs eða leiðsagnar hjálpartækja.

Athugasemd: Heiti þáttur er ætlað að innihalda yfirleitt kafla fyrirsögn (h1-h6 frumefni eða hgroup þáttur) en þetta er ekki krafist. Header þátturinn er einnig hægt að nota til að vefja innihaldsefni hluta, leitarform eða viðeigandi lógó.

og fótur: Fótboltaliðið táknar fæti fyrir næsta forfeðursnið efni eða sneiðarhluta rótarins. Fótur inniheldur yfirleitt upplýsingar um hluta þess, svo sem hver skrifaði það, tenglar á tengdum skjölum, höfundarréttarupplýsingum og þess háttar.

Í HTML5 er líkamshlutinn í raun rótarhlutareiningin, þannig að heildarhausur og fótleggur er ætlað að lýsa rótum líkamshlutanum. Allir hlutar geta haft haus og / eða fótur - þau eru ekki ætluð bara fyrir almennar hausar og fætur, eins og við gætum gert ráð fyrir. Einstök athugasemdir geta hver og einn haft haus og fót, til dæmis. Reyndar, eins og við snertum áðan, gefur sérstakan í raun dæmi um að fót sé notað í athugasemdum fyrir ofan raunverulegt ummæli. Það er rétt, í HTML5 athugasemdum eru greinar, og þeir geta haft fótbolta fyrir haus, og það er í raun skilgreiningunni. Viltu fótgangandi þáttur fyrir hausinn á ummælunum þínum? Nei? Jæja, þú hefur einn.

Aftur, þetta er þar sem HTML5 tekur algengar hugtök og notar þær á þann hátt sem er óþekkjanlegur fyrir algengan vefhöfund.

Það er hlutdeild, hvað vantar?

En það er eitthvað sem við höfum ekki litið á í framkvæmd HTML kafla. Varstu blettur á því? Við höfum hlutdeildarþætti, en við höfum ekki almennt h frumefni. Ekki hafa áhyggjur, lausnin er í sérstakri :

Sections mega innihalda fyrirsagnir af hvaða stöðu sem er, en höfundar eru eindregið hvattir til að nota eingöngu h1 þætti eða til að nota þætti í viðeigandi stöðu fyrir hreiður stigi kafla.

HTML5 vill vera afturábak samhæft, svo WHATWG ákvað að kynna h frumefni (þrátt fyrir að setja upp fullt af nýjum hlutdeildarþáttum) og í staðinn vill endurtekningu h1 frumefnisins að vera almennt h frumefni. Notaðu h1 alls staðar, og láttu HTML5 útreikninga reiknirit ákvarða hið sanna stig ... eða svo fer kenningin.

Þetta er hræðileg hugmynd af ýmsum ástæðum, þar sem tveir helstu eru aðgengi og stíl.

Aðgengi

Notkun h1 alls staðar er mjög slæmt fyrir aðgengi. Blindnotendur treysta mikið á fyrirsögninni uppbyggingu vefsvæðis. Það er mikilvægt fyrir okkur að vera minnt á hversu mikilvægt fyrirsögn uppbygging er fyrir aðgengi að tilgangi. Til dæmis, desember 2008 könnun á yfir 1000 skjálesara notendum sem WebAIM framkvæmdi, komst að því að 76% blindra og sjónskerta notenda "alltaf eða oft" fluttu eftir fyrirsögnum þegar þær voru tiltækar. Og í maí 2012 könnun kom í ljós að 82,1% stefnuskilyrði voru "mjög gagnlegar" eða "nokkuð gagnlegar" þegar farið var yfir vefsíðu. (Þetta er gott, hagnýt rannsókn, svo athugaðu.)

Having h1s alls staðar mun gera síður erfiðara að sigla fyrir blinda notendur. Í fræðilegum skilningi gætu skjálesendur notað staðalreiknir HTML í staðinn og farið með skjalaskýringuna, en í ljósi þess hvernig höfundar hafa verið sagt að framkvæma hlutdeildarþætti er útskýringin sóðaskapur og reynt að vafra um skjalaskýringar sem hafa ekki verið nein hugsun Verið enn verri fyrir blinda notendur.

HTML5 forskotið býður upp á leið út: Haltu áfram að nota viðeigandi h1-h6 stig til að viðhalda bakhliðinni. En nú erum við að viðhalda tveimur skjalaskýringum í einu skjalinu og í ljósi þeirra vandamála sem höfundar höfðu haft í jafnvægi miðað við skjalaskýringuna í fyrsta lagi er líkurnar á að einhver haldi bæði rökréttum h1-h6 útliti og rökréttum réttum -sniðin HTML5 útlínur virðist vera fjarlægur, í besta falli.

Styling

En það versnar. Lets segja að við viljum keyra með hreinu HTML5 útliti og við notum h1s alls staðar. Mundu að í HTML5 forskotinu er h1 bara almennt h frumefni; raunverulegt stig þess er ákvarðað með því hversu djúpt hún er búið í hlutdeildarþætti.

Svo hvernig stíll við það? Jæja, við gætum bætt kennslustundum við alla h1 þætti okkar þannig að við getum valið þá, en það er í bága við framangreind HTML5 markmið um að einfalda höfundar; og við gætum líka haldið okkur við h1-h6 (öll þau eru meðhöndluð sem almenna h þætti í HTML5 útlínur).

Við gætum reynt að stilla þau í gegnum Cascade, en þetta verður fljótt fáránlegt, eins og Nicole Sullivan hefur bent á . Reyndar byrjar "fáránlegt" aðeins að lýsa því. Þegar þú skoðar mögulegar samsetningar hluta, greinar, hnífs og hliðar og þú vilt búa til almennar stíll fyrir fyrirsögn sem er að segja fimm stig djúpt (þ.e. jafngildir h5), þá verður þú að skrifa stíl fyrir alla mögulegar samsetningar, sem fær alveg fáránlegt . Hér er almenna stíllinn fyrir h3 frumefni:

article aside nav h1, article aside section h1,article nav aside h1, article nav section h1,article section aside h1, article section nav h1, article section section h1,aside article nav h1, aside article section h1,aside nav article h1, aside nav section h1,aside section article h1, aside section nav h1, aside section section h1,nav article aside h1, nav article section h1,nav aside article h1, nav aside section h1,nav section article h1, nav section aside h1, nav section section h1,section article aside h1, section article nav h1, section article section h1,section aside article h1, section aside nav h1, section aside section h1,section nav article h1, section nav aside h1, section nav section h1,section section article h1, section section aside h1, section section nav h1, section section section h1 {font-size: 1.00em;}

En það er það sem þættirnir í HTML gefa okkur. Þvílíkt klúður.

Svangur fyrir meira? Þriðja hluti þessarar greinar er nú í boði og bók Luke er "Sannleikurinn um HTML5" er í takmarkaðan tíma í gegnum síðuna systur okkar MightyDeals.com í ótrúlegu 50%

Notir þú greinareiningarnar oft í skjali? Eru hlutar gagnlegar eða eigum við að standa við divs? Láttu okkur vita af hugsunum þínum í athugasemdunum.

Valin mynd / smámynd, notar uppbygging mynda um Shutterstock.