Conas HTML agus CSS a Úsáid chun Tabs agus Spásáil a Chruthú

Féach ar an gcaoi a gcaitheann brabhsálaithe spás bán i HTML

Má tá tú ag tosú ar dhearthóir gréasáin, is é ceann de na rudaí is gá duit tuiscint a fháil go luath ar an mbealach a ndéanann brabhsálaithe gréasáin spás bán i gcód an láithreáin.

Ar an drochuair, níl an-iomasach ar an mbealach nach ndearna na brabhsálaithe spás bán a láimhseáil ar dtús, go háirithe má thagann tú isteach i HTML agus é a chur i gcomparáid leis an gcaoi a dhéantar déileáil le spás bán i gcláir phróiseála focal, ar féidir leat a bheith níos eolach.

I mbainistíocht próiseála focal, is féidir leat go leor spásála nó cluaisíní a chur sa doiciméad agus léirítear an spásáil sin i dtáirgí ábhar an doiciméid. Ní hé seo an cás le HTML nó le leathanaigh ghréasáin. Mar sin, tá an-tábhachtach ag foghlaim conas a bhíonn spás bán á láimhseáil ag brabhsálaithe gréasáin.

Spásáil i gCló

I bogearraí próiseála focal, is iad na trí phríomhcharachtair bháis an tuairisceán spáis, cluaisíní agus iompair. Gníomhóidh gach ceann acu seo ar bhealach ar leith, ach i HTML, cuireann brabhsálaithe iad go léir mar an gcéanna go léir. Cibé an bhfuil spás amháin agat nó 100 spás i do mharcáil HTML, nó má tá tú ag tabhairt spás le tabs agus tuairisceáin iompair, déanfar gach ceann díobh seo a chomhdhlúthú go dtí spás amháin nuair a bheidh an leathanach ag an mbrabhsálaí. I dtéarmaíocht dearadh gréasáin, tugtar titim spás bán air seo. Ní féidir leat na heochracha spásála tipiciúil seo a úsáid chun spás bán a chur ar leathanach gréasáin toisc go dtiteann an brabhsálaí spásanna iomadúla isteach i spás amháin nuair a dhéantar é sa bhrabhsálaí,

Cén fáth a n-úsáideann Cluaisíní Duine éigin?

De ghnáth, nuair a úsáideann daoine cluaisíní i dtéacs téacs, tá siad á n-úsáid ar chúiseanna an leagan amach nó chun an téacs a fháil chun bogadh go dtí áit áirithe nó a bheith ina fad áirithe ó eilimint eile. I ndearadh gréasáin, ní féidir leat na carachtair spáis thuasluaite a úsáid chun na stíleanna amhairc nó na riachtanais leagan amach sin a bhaint amach.

I ndearadh gréasáin, bheadh ​​úsáid carachtair spásála breise sa chód ach ar an gcód sin a léamh. Úsáideann dearthóirí gréasáin agus forbróirí cluaisíní go minic chun cód indent ionas gur féidir leo a fheiceáil cé na heilimintí atá ina leanaí d'eilimintí eile - ach ní dhéanann siad difear do leagan amach amhairc an leathanaigh féin. I gcás na n-athruithe ar leagan amach amhairc a theastaíonn uathu, beidh ort dul chuig CSS (bileoga stíl cascáideacha).

Ag baint úsáide as CSS chun Tabs HTML agus Spásáil a chruthú

Tógtar láithreáin ghréasáin inniu le scaradh struchtúr agus stíl. Déileálann an HTML struchtúr leathanach agus déantar an stíl a dheachtú ag CSS. Ciallaíonn sé seo go ndéanfaí spásáil a chruthú nó leagan amach áirithe a bhaint amach, ba cheart duit a bheith ag casadh ar CSS agus gan iarraidh carachtair spáis a chur leis an gcód HTML.

Má tá tú ag iarraidh cluaisíní a úsáid chun colúin téacs a chruthú, is féidir leat úsáid a bhaint as eilimintí

atá suite le CSS chun an leagan amach colún sin a fháil. D'fhéadfaí an suíomh seo a dhéanamh trí sreabhadh CSS, suíomh iomlán agus coibhneasta, nó teicnící leagan amach CSS nua cosúil le Grid Flexbox nó CSS.

Má tá na sonraí atá á leagan amach agat, is féidir leat táblaí a úsáid chun na sonraí sin a ailíniú mar is mian leat. Is minic a bhfaigheann táblaí droch-rap ar dhearadh gréasáin mar go ndearnadh mí-úsáid astu mar uirlisí leagan íon le blianta fada anuas, ach tá na táblaí fós breá bailí má tá do chuid ábhar na sonraí tabláin thuasluaite.

Margins, Clóscríobh, agus Téacs-Indent

Is é an bealach is coitianta spásáil a chruthú le CSS trí cheann de na stíleanna CSS seo a leanas a úsáid:

Mar shampla, is féidir leat an chéad líne de mhír cosúil le cluaisín a dhiúscairt leis an CSS seo a leanas (nóta go nglacann leis seo go bhfuil tréith rang de "chéad" ceangailte leis) ag do mhír:

p.first {
téacsfhreastalaí: 5em;
}

Bheadh ​​an mhír seo faoi réir 5 carachtar anois.

Is féidir leat an t-imeall nó na hairíonna padála a úsáid freisin i CSS chun spás a chur leis an ngné, barr, clé nó ceart (nó teaglaim de na taobhanna sin) de eilimint. Ar deireadh thiar, is féidir leat aon chineál spásála a bhaint amach a theastaíonn uait ag casadh chuig CSS.

Ag Bogadh Téacs Níos mó ná Spás amháin Gan CSS

Más rud é go léir is mian leat go gcuirfí níos mó ná spás amháin ar do téacs ar shiúl ón mír roimhe seo, is féidir leat an spás neamhbhriseadh a úsáid.

Chun an spás neamh-bhriseadh a úsáid, cuirfidh tú & nbsp; a mhéad uair is gá duit i do mharcáil HTML.

Mar shampla, má theastaigh uait cúig spás a chur os a chionn, d'fhéadfá an méid seo a leanas a chur roimh an bhfocal.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Is ionann HTML agus ní théann siad síos go spás amháin orthu. Meastar gur cleachtas an-lag é seo ós rud é go bhfuil sé ag cur marc breise HTML le cáipéis amháin chun riachtanais an leagan amach a bhaint amach. Ag tagairt ar ais go dtí an scaradh struchtúr agus stíl sin, ba cheart duit spásanna neamh-bhriseadh a sheachaint ach éifeacht leagan amach atá ag teastáil a bhaint amach agus ba cheart go mbeadh corrlaigh CSS agus stuáil ann in ionad.