Mar a chleachdas tu na h-eileamaidean Span and Div HTML

Cleachd span and div le CSS airson stoidhle nas motha agus smachd an cruth.

Bidh mòran dhaoine a tha ùr airson dealbhadh lìn agus HTML / CSS a 'cleachdadh nan eileamaidean agus

ann an eadar-mhalairteach fhad' s a bhios iad a 'togail air duilleagan-lìn. Is e am fìrinn, ge-ta, gu bheil gach aon de na h-eileamaidean HTML seo a 'frithealadh diofar adhbharan. Cuidichidh ionnsachadh gach fear a chleachdadh airson an adhbhair a tha san amharc dhut gus duilleagan lìn nas glaine a chruthachadh a tha còd nas fhasa a riaghladh gu h-iomlan.

A 'cleachdadh an
Element

Tha an earrannamaid a 'mìneachadh roinnean roinnteil air do dhuilleag-lìn.

Is e bogsa a th 'ann gu bunait far am faod thu eileamaidean HTML eile a chur a tha a' dol còmhla gu lèigheil. Faodaidh roinneadh grunn eileamaidean a bhith ann, mar paragrafan, cinnichean, liostaichean, ceanglaichean, ìomhaighean, msaa. Faodaidh eadhon roinnean eile taobh a-staigh dheth gus structar agus buidheann a bharrachd a thoirt don sgrìobhainn HTML agad.

Gus an eileamaid div a chleachdadh, cuir taga

fosgailte ro raon na duilleige a tha thu ag iarraidh mar roinn air leth, agus tag dùinte às a dhèidh:

susbaint na roinne

Ma tha feum air raon na duilleige beagan fiosrachaidh a bharrachd a chleachdas tu airson stoidhle le CSS nas fhaide air adhart, faodaidh tu a bhith a 'cur neach-roghnaiche ID (me,

id = "myDiv">), no tagraiche clas (me, class = "bigDiv">). Faodar an dà fheart seo a thaghadh an uairsin le CSS no le atharrachadh le JavaScript. Tha na cleachdaidhean as fheàrr a tha ann an-dràsta a 'leantainn air adhart a' cleachdadh taghadairean clas an àite IDan, gu ìre air sgàth mar a tha luchd-taghaidh ID sònraichte. Ach ann am fìrinn, ge-tà, dh'fhaodadh tu an dàrna cuid a chleachdadh agus an urrainn dhut eadhon sgaradh a dhèanamh air an dà chuid ID agus neach-taghaidh clas.

Cuin a chleachdas

Versus

Tha an earrannamaid diofraichte bhon eileamaid earrann HTML5 oir chan eil e a 'toirt seachad ciall semantach don t-susbaint a tha dùinte. Mura h-eil thu cinnteach an e am pàirt a th 'ann an bloigh an t-susbaint a bhith na roinn no earrann, smaoinich air dè an adhbhar a tha aig an eileamaid agus an t-susbaint gus cuideachadh le co-dhùnadh dè a chleachdadh:

  • Ma tha feum agad air an eileamaid dìreach airson stoidhlichean a chur ris an raon sin den duilleag, bu chòir dhut an earrann element a chleachdadh.
  • Ma tha an t-susbaint a tha ri fhaighinn fòcas sònraichte agus dh'fhaodadh seasamh air a shon fhèin, is dòcha gum bi thu airson an eileamaid earrann a chleachdadh an àite sin.

Aig a 'cheann thall, bidh an dà roinn agus roinn a' giùlan gu math coltach ris agus faodaidh tu luachan sònraichte a thoirt dhaibh agus an stoidhle le CSS gus sùil a thoirt air an làrach agad a dh 'fheumas tu. Tha an dà dhiubh sin nan eileamaidean ìre-bloca.

A 'cleachdadh an Element

Tha an eileamaid rèis na eileamaid inline mar as àbhaist. Tha seo ga shuidheachadh air leth bho na h-eileamaidean div agus earrann. Thathas a 'cleachdadh an eileamaid rèis gu tric gus pìos sònraichte de shusbaint a thionndadh, mar as trice teacs, gus "dubhan" a bharrachd a thoirt dha a dh' fhaodar a dhearbhadh nas fhaide air adhart. Air a chleachdadh le CSS, faodaidh e stoidhle an teacsa a tha e a 'ceangal atharrachadh; ge-tà, gun fheartan stoidhle sam bith, chan eil buaidh aig an eilthirinn a-mhàin air teacsa idir.

Is e seo am prìomh eadar-dhealachadh eadar an rèis agus na h-eileamaidean div. Mar a chaidh a mhìneachadh gu h-àrd, tha an eileamaid div a 'toirt a-steach briseadh paragraf, ach chan eil an eiseamaid a' toirt a-steach don bhrobhsair riaghailtean stoidhle CSS co-cheangailte a chur a-steach don rud a tha air a chuairteachadh leis na


Teacsa air a shoilleireachadh agus teacsa nach eil air a shònrachadh.

Cuir an class = "highlight" no clas eile ris an eileamaid rèis airson stoidhle a dhèanamh air an teacsa le CSS (me, class = "highlight">).

Chan eil feartan riatanach sam bith a dhìth air an eilthireachd, ach tha na trì a tha as fheumaiche an aon rud ri feadhainn an eileamaid div:

  • stoidhle
  • clas
  • id

Cleachd rèis nuair a tha thu airson stoidhle susbaint atharrachadh gun a bhith a 'mìneachadh an t-susbaint sin mar eileamaid bloic- ùr san sgrìobhainn.

Mar eisimpleir, ma tha thu ag iarraidh gum bi an dàrna facal de cheann-cinnidh h3 dearg, dh'fhaodadh tu am facal sin a chuairteachadh le eileamaid rèis a bheireadh an fhacal sin mar theacsa dearg. Tha am facal fhathast mar phàirt den eileamaid h3, ach a-nis tha taisbeanaidhean ann an dearg:

Is e seo an rud as fheàrr leam

Air a dheasachadh le Jeremy Girard air 2/2/17