Conas Spás Spás HTML a chruthú

Spásanna a chruthú agus scaradh fisiciúil na n-eilimintí i HTML le CSS

Is deacair a thuiscint spásanna agus scaradh fisiciúil na n-eilimintí i HTML le haghaidh dearthóir gréasáin tosaigh. Tá sé seo toisc go bhfuil maoin ag HTML ar a dtugtar "tubaiste spáis". cibé an bhfuil tú spás 1 nó 100 agat i do chód HTML, téann an brabhsálaí gréasáin go huathoibríoch go spásanna amháin sin. Tá sé seo difriúil ó chlár cosúil le Microsoft Word , rud a ligeann do chruthaitheoirí cáipéisí spásanna il a chur le focail agus gnéithe eile den doiciméad sin.

Ní hé seo an chaoi a n-oibríonn spásáil dearaidh láithreán gréasáin.

Mar sin, cén chaoi a gcuireann tú spásanna i HTML a léiríonn suas ar an leathanach gréasáin ? Scrúdaíonn an t-alt seo roinnt de na bealaí éagsúla.

Spásanna i HTML le CSS

Is é an bealach is fearr le spásanna a chur i do HTML le Cascading Style Sheets (CSS) . Ba chóir CSS a úsáid chun aon ghnéithe amhairc ar leathanach gréasáin a chur leis, agus ós rud é go bhfuil an spásáil mar chuid de shaintréithe dearaidh amhairc an leathanaigh, is é CSS gur mian leat é seo a dhéanamh.

I CSS, is féidir leat an t-imeall nó na hairíonna padála a úsáid chun spás a chur ar fud na n-eilimintí. Ina theannta sin, cuireann an t-ionad téacs-fhleasta spás le tosaigh an téacs, mar shampla le haghaidh míreanna indenting.

Seo sampla de conas CSS a úsáid chun spás a chur os comhair na míreanna go léir. Cuir an CSS seo a leanas chuig do bhileog stíl seachtrachinmheánach :

p {
téacs-fhleasc: 3em;
}

Spásanna i HTML: Inside Your Text

Más mian leat spás breise nó dhá cheann a chur leis an téacs agat, is féidir leat an spás neamhbhriseadh a úsáid.

Feidhmíonn an carachtar seo díreach mar charachtar spás caighdeánach, ach ní thiteann sé taobh istigh den bhrabhsálaí.

Seo sampla de conas cúig spás a chur taobh istigh de líne téacs:

Tá cúig spás breise taobh istigh den téacs seo

Úsáideann an HTML:

Tá an téacs seo & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cúig spás breise taobh istigh de

Is féidir leat an clibeán a úsáid freisin chun sosanna breise a chur leis.

Tá cúig sos líne ag an abairt seo ag deireadh an









Cén fáth a bhfuil Spásáil in HTML ina Droch-Mhacáid

Cé go n-oibríonn na roghanna seo araon - déanfaidh an ghné spásanna neamhbhriseadh spás a chur le do théacs agus cuirfidh na sosanna líne spásáil faoi bhun na míre thuasluaite - ní hé seo an bealach is fearr chun spásáil a chruthú ar do leathanach gréasáin. Leis na heilimintí seo a chur le do HTML cuireann faisnéis amhairc leis an gcód seachas struchtúr leathanach (HTML) a scaradh ó na stíleanna amhairc (CSS). Deir na cleachtais is fearr gur chóir iad seo a bheith ar leithligh ar roinnt cúiseanna, lena n-áirítear éascaíocht a thabhairt cothrom le dáta sa todhchaí agus méid iomlán na gcomhad agus feidhmíocht an leathanaigh.

Má úsáideann tú bileog stíle seachtrach chun do stíleanna agus do spásáil a dheachtú, is féidir an stíleanna sin a athrú don láithreán iomlán a dhéanamh, ós rud é go bhfuil ort ach an leathán stíl amháin sin a thabhairt cothrom le dáta.

Smaoinigh ar an sampla thuas den abairt le cúig clibeanna ag deireadh an phianbhreith. Má theastaigh uait an méid spásála sin ag bun gach mír, bheadh ​​ort an cód HTML sin a chur leis gach mír i do shuíomh ar fad. Is é sin méid cothrom marcála breise a dhéanfaidh bloat do leathanaigh.

Ina theannta sin, má shocraíonn tú an bóthar go bhfuil an spásáil seo ró-iomarca nó ró-bheag, agus gur mhaith leat é a athrú beagán, ní mór duit gach mír amháin a eagrú ar do láithreán gréasáin ar fad. Níl aon bhuíochas agat!

In ionad na heilimintí spásála seo a chur leis do chód, bain úsáid as CSS.

p {
bun greamaithe: 20px;
}

Go gcuirfeadh líne amháin CSS le spás faoi mhíreanna do leathanach. Má theastaigh uait an spásáil sin a athrú sa todhchaí, in eagar an líne amháin seo (seachas cód do shuíomh ar fad) agus is maith leat dul!

Anois, má theastaíonn uait spás amháin a chur i gcuid amháin de do láithreán gréasáin, níl aon chlib
nó spás neamh-bhriseadh ag deireadh an domhain ach ní mór duit a bheith cúramach.

Is féidir le húsáid na roghanna spásála inline HTML seo a bheith ina fána sleamhain. Cé nach bhféadfadh duine nó dhó díobh do shuíomh a ghortú, má leanann tú ar aghaidh tríd an mbealach sin, tabharfaidh tú fadhbanna isteach i do leathanaigh. Sa deireadh, is fearr leat dul chuig CSS ar spásáil HTML, agus ar gach riachtanas amhairc eile ar an leathanach gréasáin.