Angalia jinsi nafasi nyeupe katika HTML inatibiwa na browsers
Ikiwa wewe ni mwanzilishi wa mwanzo wa mtandao, mojawapo ya mambo mengi utakayoyaelewa mapema ni njia ambazo nafasi nyeupe kwenye kificho cha tovuti inashughulikiwa na vivinjari vya wavuti.
Kwa bahati mbaya, njia ambazo vivinjari vinashughulikia nafasi nyeupe sio intuitive kwa mara ya kwanza, hasa ikiwa huingia kwenye HTML na kulinganisha na jinsi nafasi nyeupe inachukuliwa katika mipango ya usindikaji wa neno, ambayo unaweza kuwa na ufahamu zaidi.
Katika programu ya usindikaji wa neno, unaweza kuongeza nafasi nyingi au tabo katika waraka na nafasi hiyo itaonekana katika maonyesho ya maudhui ya waraka. Hii sio kwa HTML au kwa kurasa za wavuti. Kwa hivyo, kujifunza jinsi nafasi nyeupe, kwa kweli, kushughulikiwa na browsers mtandao ni muhimu sana.
Ufikiaji katika Kuchapa
Katika programu ya usindikaji wa neno, wahusika watatu wa nafasi nyeupe ni nafasi, tab, na kurudi kwa gari. Kila mmoja hutenda kwa njia tofauti, lakini kwa HTML, browsers huwapa wote kimsingi sawa. Ikiwa unaweka nafasi moja au nafasi 100 katika markup yako HTML, au kuchanganya nafasi yako juu na tabs na kurudi carriage, haya yote itakuwa condensed chini nafasi moja wakati ukurasa ni rendered na browser. Katika istilahi ya kubuni ya wavuti, hii inajulikana kama kuanguka kwa nafasi nyeupe. Huwezi kutumia funguo hizi za nafasi za kawaida ili kuongeza whitespace kwenye ukurasa wa wavuti kwa sababu kivinjari huvunja nafasi nyingi chini kwenye nafasi moja tu wakati inafanywa kwenye kivinjari,
Kwa nini Mtu Anatumia Tabs?
Kwa kawaida, wakati watu hutumia tabo kwenye waraka wa maandiko, wanatumia kwa sababu za mpangilio au kupata maandishi kuhamia mahali fulani au kuwa umbali fulani kutoka kwa kipengele kingine. Katika kubuni wa wavuti, huwezi kutumia wale wahusika wa nafasi iliyotajwa hapo awali ili kufikia mitindo ya visual au mahitaji ya mpangilio.
Katika utengenezaji wa wavuti, matumizi ya wahusika wa nafasi ya ziada katika kanuni itakuwa rahisi kwa urahisi kusoma code hiyo. Wasanidi wa wavuti na watengenezaji mara nyingi hutumia tabo kwenye msimbo wa kujifungua ili waweze kuona mambo ambayo ni watoto wa vipengele vingine - lakini indes hizo haziathiri mpangilio wa kuona wa ukurasa yenyewe. Kwa mpangilio unaohitajika wa kuonekana, utahitajika kugeuka kwenye karatasi za CSS (majambazi ya mtindo).
Kutumia CSS Kuunda Tabia za HTML na Ufikiaji
Websites leo hujengwa kwa kutenganishwa kwa muundo na mtindo. Mfumo wa ukurasa unashughulikiwa na HTML wakati mtindo umechukuliwa na CSS. Hii inamaanisha kuwa kujenga nafasi au kufikia mpangilio fulani, unapaswa kugeuka kwenye CSS na usijaribu kuongeza tu wahusika wa nafasi kwa msimbo wa HTML.
Ikiwa unajaribu kutumia tabo ili kuunda safu za maandishi, unaweza badala kutumia
Ikiwa data unayoweka ni data ya kichwa, unaweza kutumia meza ili kuunganisha data kama ungependa. Majedwali mara nyingi hupata rap mbaya katika kubuni wavuti kwa sababu walitumiwa kama zana safi za mpangilio kwa miaka mingi, lakini meza bado ni halali kabisa kama maudhui yako yana data iliyotanguliwa hapo awali.
Vikwazo, Padding, na Nakala-Indent
Njia za kawaida za kujenga nafasi na CSS ni kwa kutumia moja ya mitindo ya CSS ifuatayo:
- margin
- padding
- kipengee cha maandishi
Kwa mfano, unaweza kuacha mstari wa kwanza wa aya kama tab na CSS zifuatazo (kumbuka kuwa hii inachukua aya yako ina sifa ya darasa ya "kwanza" iliyounganishwa nayo):
kwanza {
indeni ya maandishi: 5m;
}
Hatua hii ingekuwa sasa imeingizwa kuhusu wahusika 5.
Unaweza pia kutumia mali au maridadi katika CSS ili kuongeza nafasi kwa juu, chini, kushoto, au kulia (au mchanganyiko wa pande hizo) ya kipengele. Hatimaye, unaweza kufikia nafasi yoyote ya nafasi zinazohitajika kwa kugeuka kwa CSS.
Kuhamisha Nakala zaidi ya nafasi moja bila CSS
Ikiwa unataka wote ni kwa maandishi yako kuhamishwa zaidi ya nafasi moja mbali na kitu kilichotangulia, unaweza kutumia nafasi isiyo ya kuvunja.
Ili kutumia nafasi isiyovunja, unaua tu & nbsp; mara nyingi kama unavyohitaji katika markup yako ya HTML.
Kwa mfano, ikiwa unataka kuhamisha neno lako nafasi tano, unaweza kuongeza zifuatazo kabla ya neno.
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML huheshimu haya na haitaanguka kwa nafasi moja. Hata hivyo, hii inachukuliwa kuwa ni mazoezi mazuri sana tangu inaongeza ziada ya HTML kwenye waraka ili kufikia mahitaji ya mpangilio. Akielezea tena kwa ugawanyiko wa muundo na mtindo, unapaswa kuepuka kuongeza nafasi zisizo za kuvunja tu ili kufikia athari ya mpangilio unayotaka na unapaswa kutumia margin ya CSS na padding badala yake.