Unda nafasi na kutenganishwa kwa vipengele katika HTML na CSS
Kujenga nafasi na kutenganishwa kwa vipengele katika HTML inaweza kuwa vigumu kuelewa kwa mwanzilishi wa mwanzo wa wavuti. Hii ni kwa sababu HTML ina mali inayojulikana kama "kuanguka kwa whitespace." ikiwa unapanga nafasi 1 au 100 katika msimbo wako wa HTML, kivinjari cha kivinjari kinaanguka kikamilifu kwa nafasi hiyo moja tu. Hii ni tofauti na mpango kama Microsoft Word , ambayo inaruhusu waumbaji wa hati kuongeza nafasi nyingi za kuiga maneno na vipengele vingine vya waraka huo.
Hii sio jinsi nafasi ya kubuni ya tovuti inavyofanya kazi.
Kwa hivyo, unawezaje kuongeza nafasi za whites katika HTML zinazoonyesha ukurasa wa wavuti ? Makala hii inachunguza baadhi ya njia tofauti.
Mahali katika HTML na CSS
Njia iliyopendekezwa ya kuongeza nafasi katika HTML yako ina Nyaraka za Sinema za Nyaraka (CSS) . CSS inapaswa kutumika kuongeza vidokezo vyovyote vinavyoonekana vya ukurasa wa wavuti, na kwa kuwa nafasi hiyo ni sehemu ya sifa za kuonekana za ukurasa, CSS ni wapi unataka kufanya hivyo.
Katika CSS, unaweza kutumia maridadi au vifaa vya kupakia ili kuongeza nafasi karibu na vipengele. Zaidi ya hayo, mali ya uandishi wa maandishi huongeza nafasi mbele ya maandiko, kama vile aya za kutosha.
Hapa ni mfano wa jinsi ya kutumia CSS ili kuongeza nafasi mbele ya aya zako zote. Ongeza CSS zifuatazo kwa karatasi yako ya nje ya ndani au ya ndani :
p {
indeni ya maandishi: 3m;
}
Sehemu katika HTML: Ndani ya Nakala yako
Ikiwa unataka tu kuongeza nafasi ya ziada au mbili kwa maandishi yako, unaweza kutumia nafasi isiyo ya kuvunja.
Tabia hii inafanya kama tabia ya kiwango cha kawaida, haiwezi kuanguka ndani ya kivinjari.
Hapa ni mfano wa jinsi ya kuongeza nafasi tano ndani ya mstari wa maandiko:
Nakala hii ina nafasi tano za ziada ndani yake
Inatumia HTML:
Nakala hii ina & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nafasi tano za ziada ndani yake
Unaweza pia kutumia tag ya
ili kuongeza mapumziko ya mstari wa ziada.
Sentensi hii ina mapumziko ya mstari tano mwisho wa
Kwa nini nafasi katika HTML ni wazo mbaya
Ingawa chaguo hizi zote zinafanya kazi - kipengele cha nafasi isiyo ya kuvunja hakika kinaongeza nafasi ya maandishi yako na mapumziko ya mstari ataongeza nafasi kati ya aya iliyoonyeshwa hapo juu - hii sio njia bora ya kujenga nafasi katika ukurasa wako wa wavuti. Kuongeza mambo haya kwa HTML yako inaongezea maelezo ya kuona kwenye kificho badala ya kutenganisha muundo wa ukurasa (HTML) kutoka kwa mitindo ya kuona (CSS). Mazoea bora yanataja kuwa hizi zinapaswa kuwa tofauti kwa sababu kadhaa, ikiwa ni pamoja na urahisi wa uppdatering katika siku zijazo na jumla ya faili na utendaji wa ukurasa.
Ikiwa unatumia karatasi ya mtindo wa nje ili kulazimisha mitindo yako yote na nafasi, basi kubadilisha mitindo hiyo kwa tovuti nzima ni rahisi kufanya, kwani unabidi tu upasishe karatasi moja ya mtindo.
Fikiria mfano hapo juu wa sentensi na tags tano
mwisho wake. Ikiwa unataka kiwango hicho cha nafasi chini ya kila aya, utahitaji kuongeza msimbo wa HTML kwa kila aya kwenye tovuti yako yote. Hiyo ni kiasi cha haki ya ghafi ya ziada ambayo itazuia kurasa zako.
Zaidi ya hayo, ikiwa unaamua chini ya barabara kuwa nafasi hii ni mingi au kidogo sana, na unataka kubadilisha kidogo, utahitaji kubadilisha kila fungu moja kwenye tovuti yako yote. Hapana Asante!
Badala ya kuongeza vipengee hivi kwa msimbo wako, tumia CSS.
p {
padding-chini: 20px;
}
Mstari mmoja wa CSS utaongeza nafasi kati ya aya za ukurasa wako. Ikiwa unataka kubadilisha nafasi hiyo baadaye, hariri mstari huu mmoja (badala ya msimbo wako wa tovuti nzima) na wewe ni vizuri kwenda!
Sasa, ikiwa unahitaji kuongeza nafasi moja kwenye sehemu moja ya tovuti yako, kutumia lebo ya
au nafasi moja isiyo ya kuvunja sio mwisho wa dunia, lakini unahitaji kuwa makini.
Kutumia chaguzi za nafasi za HTML za ndani inaweza kuwa mteremko usiofaa. Wakati mmoja au wawili hawawezi kuumiza tovuti yako, ikiwa unaendelea chini ya njia hiyo, utaanzisha matatizo katika kurasa zako. Mwishoni, wewe ni bora mbali kugeuka kwa CSS kwa nafasi ya HTML, na mahitaji mengine yote ya ukurasa wa wavuti.