Tuigsinn Element Election HTML5
Nuair a bhios HTML5 a 'giùlan air an t-sealladh o chionn grunn bhliadhnaichean, chuir e grunn eileamaidean earrannach ris a' chànan, a 'gabhail a-steach an eileamaid ROINN. Tha cleachdaidhean soilleir aig a 'mhòr-chuid de na h-eileamaidean ùra a th' ann an HTML5. Mar eisimpleir, tha an eileamaid air a chleachdadh gus artaigilean agus prìomh phàirtean duilleag lìn a mhìneachadh, tha an eileamaid air a chleachdadh gus susbaint co-cheangailte a mhìneachadh nach eil riatanach don chòrr den duilleig, agus tha ceann-cinnidh, nav, agus bonn-deiseil gu math mìneachail. Tha an eileamaid ùghdar ùr a chaidh a chur ris, ge-tà, beagan nas soilleir.
Tha mòran de dhaoine a 'creidsinn gu bheil na h-eileamaidean HTML ROINN agus gu dearbh na h-aon eileamaidean coileanaidh co-ghnàthach a bhiodh cumanta air duilleag-lìn. Ach tha an fhìrinn, gu bheil an dà eileamaid seo, fhad 'sa tha an dà chuid nan eileamaidean co-cheangailte, rud sam bith ach coitcheann. Tha adhbharan sònraichte ann airson an dà chuid ROINN agus an eileamaid DIV a chleachdadh - agus mìnichidh an artaigil sin na h-eadar-dhealachaidhean sin.
Earrannan agus Divs
Tha an eileamaid ROINN air a mhìneachadh mar earrann semantic de dhuilleag lìn no làrach nach eil ann an seòrsa eile nas sònraichte (mar artaigil no taobh eile). Tha mi buailteach a bhith a 'cleachdadh an eileamaid seo nuair a tha mi a' comharrachadh earrann sònraichte den duilleag - earrann a ghabhadh a reic gu mòr agus air a chleachdadh air duilleagan eile no pàirtean den làrach. Tha e na pìos susbaint sònraichte, no "earrann" de shusbaint, ma thogras tu.
An coimeas ri sin, bidh thu a 'cleachdadh an eileamaid DIV airson pàirtean den duilleig a tha thu airson a sgaradh suas, ach airson adhbharan eile seach semantics . Bhithinn a 'sgaoileadh farsaingeachd de shusbaint ann an roinn ma tha mi a' dèanamh sin dìreach airson "dubhan" a thoirt dhomh fhèin airson CSS a chleachdadh. Is dòcha nach e roinn shònraichte de shusbaint a th 'ann a tha stèidhichte air semantics, ach tha e na rudeigin a tha mi ag òrdachadh gus an cruth a tha mi ag iarraidh airson mo dhuilleag a choileanadh.
Tha e 's a h-uile càil mu shean-fhàs
Is e bun-bheachd cruaidh a tha seo airson tuigsinn, ach is e an aon eadar-dhealachadh eadar an eileamaid DIV agus an eileamaid ROINN semantics. Ann am faclan eile, is e ciall an earrann den chòd a tha thu a 'roinneadh a-mach.
Chan eil brìgh sam bith sam bith ann an susbaint sam bith a tha taobh a-staigh DIV. Tha e air a chleachdadh as fheàrr airson rudan mar:
- Stoidhlean CSS agus dubhan airson stoidhle CSS
- Uidheaman dealbhaidh
- Dubhan JavaScript
- Roinnean airson an HTML gus a dhèanamh nas fhasa a leughadh
B 'e an DIV eileamaid an aon eileamaid a bh' againn airson dubhan a chur ri stoidhle ar sgrìobhainnean agus cruthaich colbhan agus dealbhaidhean fancy. Air sgàth sin, chrìochnaich sinn le HTML a bha air a mhealladh le DIV eilthireachd - dè dh'fhaodadh luchd-dealbhaidh lìn a ràdh "divitis." Bha eadhon luchd-deasachaidh WYSIWYG a chleachd an earrann DIV gu h-iomlan. Tha mi air a bhith a 'ruith thar HTML a tha a' cleachdadh an eileamaid DIV an àite airson paragrafan!
Le HTML5, is urrainn dhuinn tòiseachadh air eileamaidean earrannachaidh gus barrachd sgrìobhainnean mìneachaidh a chruthachadh (a 'cleachdadh airson seòladh agus airson figearan tuairisgeulach agus mar sin air adhart) agus cuideachd a' mìneachadh na stoidhlichean air na h-eileamaidean sin.
Dè mu dheidhinn an element SPAN?
Is e an eileamaid eile a tha a 'mhòr-chuid de dhaoine a' smaoineachadh nuair a tha iad a 'smaoineachadh air an eileamaid DIV an eileamaid. Chan eil an eileamaid seo, mar DIV, na eileamaid semantach. Is e feart in-loidhne a th 'ann a dh'fhaodas tu a chleachdadh gus dubhan a chur ris airson stoidhlichean agus sgriobtaichean timcheall air blocaichean in-loidhne de shusbaint (mar as trice teacs). Anns an t-seagh sin, tha e dìreach mar an eileamaid DIV, a-mhàin a-mhàin ann an àite seach rud eile . Ann an cuid de dhòighean, dh'fhaodadh gum biodh e na b 'fhasa smaoineachadh air an DIV mar eileamaid SPAN bloc-ìre agus a chleachdadh san aon dòigh a bhiodh tu a' SPANADH a-mhàin airson bloic iomlan de shusbaint HTML.
Chan eil eileamaid in-loidhne coimeasach ann an HTML5.
Airson Tionndaidhean nas sine de Internet Explorer
Eadhon ged a tha thu a 'toirt taic dha tionndaidhean nas sine de IE (mar IE 8 agus nas ìsle) nach eil ag aithneachadh HTML5 gu earbsach, cha bu chòir eagal a bhith agad tagaichean HTML a dhèanamh ceart gu sìmplidh. Cuidichidh an semantics thu fhèin agus bidh an sgioba agad a 'riaghladh na duilleige san àm ri teachd (oir bidh fios agad gur e an earrann sin an artaigil ma tha e air a chuairteachadh le eileamaid ARTICLE). Cuideachd, bheir brabhsairean a tha ag aithneachadh nan tagaichean sin taic dhaibh nas fheàrr.
Faodaidh tu fhathast eileamaidean earrannan semantic HTML5 a chleachdadh le Internet Explorer, feumaidh tu sgriobtadh a chur a-steach agus 's dòcha beagan de na h-eileamaidean DIV gus am faigh iad air na tagaichean aithneachadh mar HTML.
A 'cleachdadh DIV agus Earrannan EARRANN
Ma tha thu gan cleachdadh gu ceart, faodaidh tu na h-eileamaidean DIV agus ROINN a chleachdadh còmhla ann an sgrìobhainn HTML5 dhligheach. Mar a chunnaic thu an seo san artaigil seo, bidh thu a 'cleachdadh an eileamaid ROINN gus earrannan sònraichte den t-susbaint a mhìneachadh, agus bidh thu a' cleachdadh an eileamaid DIV mar dubhan airson CSS agus JavaScript a bharrachd air a bhith a 'mìneachadh an dreach nach eil ciall semanticach.
Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 3/15/17