વેબસાઇટ પરની જગ્યા એકદમ સરળ વસ્તુ જણાય છે. પરંતુ પ્રથમ વાર તમે કીને ઘણીવાર હિટ કરવાનો પ્રયાસ કરો છો અને તે માહિતી તમારા પૃષ્ઠ પર દેખાતી નથી, ત્યારે તમને ખ્યાલ આવશે કે તે જેટલું સરળ છે તેવું દેખાય નહીં.
વેબસાઈટ પર જગ્યા બનાવવાની ઘણી રીતો છે. પ્રથમ બે HTML ટૅગ્સ સાથે છે:
...
ફકરા માર્કર સામાન્ય રીતે વસ્તુઓ વચ્ચે એક જગ્યા મુકશે. તે ફકરો બ્રેક તરીકે કાર્ય કરે છે
જો કે, સળંગ ઘણા
'તમારા પાનું અપ ક્લટર સિવાય બીજું કંઈ કરશે. કેટલાક સંપાદકો સ્થાનોને વધુ જગ્યા ઉમેરવા માટે
મૂકશે, પરંતુ આ ખરેખર
ટેગનો ઉપયોગ કરતું નથી, પરંતુ અક્ષર છે, જે અમે એક મિનિટમાં મેળવીશું.
ટેગ એ ટેક્સ્ટના પ્રવાહમાં ફક્ત એક જ વાક્ય વિરામ મૂકવાનો છે. જો કે તે ખાલી જગ્યાના લાંબા સમયના શબ્દમાળાઓ બનાવવા માટે સળંગમાં ઘણી વખત ઉપયોગ કરી શકાય છે. સમસ્યા એ છે, તમે જગ્યાની ઊંચાઈ અને પહોળાઈને વ્યાખ્યાયિત કરી શકતા નથી, અને તે આપમેળે પૃષ્ઠની પહોળાઇ છે
CSS માર્જિન અને પેડિંગ
તમારા વેબ પૃષ્ઠ દસ્તાવેજોમાં જગ્યા ઉમેરવાનો બીજો ઉપાય એ છે કે CSS ગુણધર્મોના ગાળો અને પેડિંગનો ઉપયોગ કરવો. આ તમારા એલિમેન્ટ્સ વચ્ચે જે જગ્યા તમે ઇચ્છો છો તે બરાબર મેળવવાનો આ એક વધુ સારી રીત છે. અને તમે કોઈ દસ્તાવેજમાં ફક્ત ઊભી જગ્યા કરતાં વધુ અસર કરી શકે છે.
બિન-બ્રેકિંગ સ્પેસ ()
છેલ્લે, ત્યાં બિન-તોડવું જગ્યા છે આ અક્ષર એન્ટિટી બરાબર સામાન્ય ટેક્સ્ટ જગ્યાની જેમ કાર્ય કરે છે, સિવાય કે બ્રાઉઝર દરેકને વ્યક્તિગત રીતે વર્તે.
જો તમે સળંગમાં ચાર મૂકી દો છો, તો બ્રાઉઝર ટેક્સ્ટમાં ચાર જગ્યાઓ મૂકશે.
નોંધ, જૂના બ્રાઉઝર્સ બહુવિધ નૉન-બ્રેકિંગ જગ્યાઓ રેન્ડર કરી શકશે નહીં.
કોષ્ટકોમાં નૉન-બ્રેકીંગ સ્પેસીસનો ઉપયોગ કરવો
કોષ્ટકો વારંવાર બંધ અથવા વિરામ કરશે જો તમે કોષમાં કંઈક તેને શામેલ ન કરવા માટે શામેલ કરશો નહીં. ઉદાહરણ તરીકે: 30-પિક્સેલ ગટર સાથે કોષ્ટક બનાવવા માટે નીચેના HTML નો ઉપયોગ કરો:
| આ ટેક્સ્ટની ડાબી બાજુએ નાની જગ્યા હોવી જોઈએ. કેટલાક બ્રાઉઝર્સ તેને યોગ્ય રીતે પ્રદર્શિત કરશે, પરંતુ ઘણા લોકો ટેબલની પહોળાઈની વિનંતીને અવગણશે અને ડાબે હાર્ટ સાથે ટેક્સ્ટ ફ્લશ મૂકાશે. એકદમ ચીડિયાપણું! |
ટેબલ સ્તંભને તોડવાથી રાખવા માટે, બિન-ભંગાણ સ્થાનનો ઉપયોગ કરો:
| આ ટેક્સ્ટની ડાબી બાજુએ નાની જગ્યા હોવી જોઈએ. સૌથી વધુ બ્રાઉઝર્સ તે યોગ્ય રીતે પ્રદર્શિત કરશે. |