Ag Tuiscint an Element Element HTML5
Nuair a thagann HTML5 isteach ar an ardán roinnt blianta ó shin, chuir sé roinnt eilimintí ailtireachta nua leis an teanga, lena n-áirítear an eilimint ROINN. Tá úsáidí soiléire ag formhór na n-eilimintí nua a thugann HTML5 isteach. Mar shampla, úsáidtear an eilimint chun ailt agus príomhchodanna leathanach gréasáin a shainmhíniú, úsáidtear an eilimint chun ábhar a bhaineann nach bhfuil ríthábhachtach don chuid eile den leathanach a shainmhíniú, agus tá an ceannteideal, an nav, agus an buntásc go leor féinmhínithe. Tá an eilimint ROINN nua-aimseartha, áfach, beagán níos lú soiléir.
Creideann a lán daoine go bhfuil na heilimintí HTML ROINN agus gurb iad na heilimintí coimeádán céanna rud céanna a úsáidtear chun ábhar a bheith ar leathanach gréasáin. Is é an réaltacht, áfach, go bhfuil an dá ghné seo, cé go bhfuil eilimintí coimeádáin araon, rud ar bith ach cineálach. Tá cúiseanna sonracha ann chun an eilimint ROINN agus an ghné DIV a úsáid - agus mínítear na difríochtaí sin san Airteagal seo.
Rannóga agus Divs
Déantar an eilimint ROINN a shainmhínítear mar chuid shéimeantach de leathanach gréasáin nó láithreán nach bhfuil cineál níos sainiúla eile (cosúil le hairteagal nó leataobh). Is dóigh liom an eilimint seo a úsáid nuair atá mé ag cur suas cuid ar leith den leathanach - roinn a d'fhéadfaí mórdhíol a aistriú agus a úsáid ar leathanaigh eile nó ar chuid den láithreán. Is píosa ábhar ar leith é, nó "alt" ábhar, má tá tú.
I gcodarsnacht leis sin, úsáideann tú an eilimint DIV do chuid den leathanach gur mhaith leat a roinnt suas, ach chun críocha seachas semantics . Ba mhaith liom réimse ábhar a roinnt i dtreo más rud é go bhfuil mé ag déanamh amhlaidh ach "dúch" a thabhairt dom féin le húsáid le CSS. D'fhéadfadh sé nach mbeadh sé ina chuid ar leith de ábhar atá bunaithe ar sheimeantacht, ach is rud é atá mé ag deachtú chun an leagan amach atá uaim a bhaint amach ar mo leathanach.
Sé Gach Seimineachas
Is coincheap crua é seo chun tuiscint a fháil, ach is é an t-aon difríocht idir an eilimint DIV agus an eilimint ROINN ná semantics. I bhfocail eile, is é an bhrí atá leis an alt den chód atá tú ag scaipeadh suas.
Níl aon chiall bhunúsach ag aon ábhar atá taobh istigh d'eilimint DIV. Is fearr é a úsáid le haghaidh rudaí cosúil le:
- Stíleanna CSS agus crúcaí le haghaidh stíleanna CSS
- Coimeádáin Leagan Amach
- Hookaí JavaScript
- Rannáin don HTML chun é a dhéanamh níos éasca é a léamh
Ba í an ghné DIV a úsáideadh mar an ghné amháin a bhí againn chun crúcaí a chur le stíleáil ár gcáipéisí agus colúin agus leagan amach mhaisiúil a chruthú. Mar gheall air sin, chríochnaigh muid le HTML a bhí i gceist le heilimintí DIV - cad is féidir le dearthóirí gréasáin "divitis" a ghlaoch. "Bhí fiú eagarthóirí WYSIWYG a d'úsáid an eilimint DIV go heisiach. Rithim i ndáiríre ar HTML go n-úsáideann an eilimint DIV in ionad na míreanna!
Le HTML5, is féidir linn tús a chur le heilimintí rannpháirteacha chun cáipéisí tuairisciúla níos mó a chruthú (úsáid a bhaint as loingseoireacht agus le haghaidh figiúirí tuairisciúla agus mar sin de) agus na stíleanna a shainmhíniú ar na heilimintí sin freisin.
Cad Maidir leis an Eilimint SPAN?
Is é an ghné eile a cheapann daoine is mó nuair a cheapann siad ar an eilimint DIV an eilimint. Ní eilimint shéimeantach é an eilimint seo, cosúil le DIV. Is eilimint inlíne í gur féidir leat é a úsáid chun crúcaí a chur le haghaidh stíleanna agus scripteanna ar fud bloic inlíne ábhar (téacs de ghnáth). Sa chiall sin tá sé díreach cosúil leis an eilimint DIV, ach inlíne seachas bloc eilimint . Ar roinnt bealaí, b'fhéidir go mbeadh sé níos éasca smaoineamh ar an DIV mar eilimint SPAN blocleibhéil agus é a úsáid ar an gcaoi chéanna nach mbeadh SPAN agat ach le haghaidh bloic iomlána ábhar HTML.
Níl aon eilimint inlíne inlíne inchomparáide ann i HTML5.
Do Leaganacha Scothaosta de Internet Explorer
Fiú má tá tú ag tacú le leaganacha níos sine de IE (cosúil le IE 8 agus níos ísle) nach n-aithníonn HTML5 go hiontaofa, níor chóir duit eagla ort clibeanna HTML a úsáid go seachtrach. Cabhróidh an semantics leat féin agus déanfaidh do fhoireann an leathanach a bhainistiú sa todhchaí (mar beidh a fhios agat gurb é an t-alt sin an t-alt má tá an eilimint AIRTEAGAL timpeallaithe aige). Ina theannta sin, babhróidh brabhsálaithe a aithníonn na clibeanna sin iad níos fearr.
Is féidir leat eilimintí siamsaíochta HTML5 a úsáid go fóill le Internet Explorer, ní mór duit ach scripteanna a chur leis agus roinnt eilimintí DIV máguaird a chur leo chun iad a fháil chun na clibeanna a aithint mar HTML.
Ag baint úsáide as DIV agus Eilimintí ROINN
Má tá tú ag úsáid iad i gceart, is féidir leat na heilimintí DIV agus ROINN a úsáid i dteannta doiciméad bailí HTML5. Mar a fheictear anseo san alt seo, úsáideann tú an eilimint ROINN chun codanna scoite leathnaithe den ábhar a shainiú, agus úsáideann tú an eilimint DIV mar chromáin le haghaidh CSS agus JavaScript chomh maith le leagan amach a shainmhíniú nach bhfuil brí seansántach aige.
Airteagal bunaidh le Jennifer Krynin. Arna eagarthóireacht ag Jeremy Girard ar an 3/15/17