HTML இல் எப்படி வெள்ளை இடைவெளி உலாவிகளால் நடத்தப்படுகிறது என்பதை பாருங்கள்
நீங்கள் ஒரு தொடக்க வலை வடிவமைப்பாளர் என்றால், நீங்கள் ஆரம்பத்தில் புரிந்து கொள்ள வேண்டிய பல விஷயங்களில் ஒன்று தளத்தின் குறியீடு உள்ள வெற்று இடைவெளி வலை உலாவிகளால் கையாளப்படுகிறது.
துரதிருஷ்டவசமாக, உலாவிகளில் வெள்ளை இடைவெளியைக் கையாளும் வழி முதலில் மிகவும் உள்ளுணர்வு அல்ல, குறிப்பாக நீங்கள் HTML இல் வந்து, மிகவும் பிரபலமானதாக இருக்கும் சொல் செயலாக்க நிரல்களில் எப்படி வெற்று ஸ்பேஸ் கையாளப்படுகிறது என்பதை ஒப்பிட்டு குறிப்பாக.
சொல் செயலாக்க மென்பொருளில், ஆவணத்தில் அதிக இடைவெளி அல்லது தாவல்களைச் சேர்க்கலாம் மற்றும் அந்த இடைவெளி ஆவணத்தின் உள்ளடக்கத்தில் காட்சிப்படுத்தப்படும். இது HTML அல்லது வலை பக்கங்களுடன் வழக்கு அல்ல. இதுபோல, வெற்று இடைவெளி என்பது வலை உலாவிகளால் கையாளப்படுவது மிகவும் முக்கியம் என்பதை கற்றுக்கொள்வது மிகவும் முக்கியம்.
அச்சு உள்ள இடைவெளி
சொல் செயலாக்க மென்பொருளில், மூன்று முதன்மை வெள்ளை விண்வெளி எழுத்துக்குறிகள் விண்வெளி, தாவல் மற்றும் வண்டி திரும்பும். ஒவ்வொன்றும் ஒரு தனித்துவமான வழியில் செயல்படுகின்றன, ஆனால் HTML இல், உலாவிகளில் அவை அனைத்தும் முக்கியமாக ஒரே மாதிரியாக இருக்கின்றன. உங்கள் HTML மார்க்கத்தில் ஒரு ஸ்பேஸ் அல்லது 100 இடைவெளிகளை வைக்கிறீர்களா அல்லது உங்கள் இடைவெளியை தாவல்கள் மற்றும் வண்டி வருவாய் மூலம் கலக்க வேண்டுமா, இவை அனைத்தும் உலாவியில் பக்கம் வழங்கப்பட்டபோது இவை அனைத்தும் ஒரு இடத்திற்குக் குறைக்கப்படும். வலை வடிவமைப்பு சொல்வழக்கில், இது வெற்று இட சரிவு என்று அழைக்கப்படுகிறது. வலைப்பக்கத்தில் இடைவெளியை சேர்க்க இந்த பொதுவான இடைவெளி விசைகளை நீங்கள் பயன்படுத்த முடியாது, ஏனென்றால் உலாவியில் பல உலாவிகளில் ஒரே இடைவெளியில் உலாவி,
யாரோ ஒருவர் தாவல்களைப் பயன்படுத்துவது ஏன்?
பொதுவாக, ஒரு உரை ஆவணத்தில் மக்கள் தாவல்களைப் பயன்படுத்தும் போது, அவை தளவமைப்பு காரணங்களுக்காக அல்லது உரைக்கு ஒரு குறிப்பிட்ட இடத்திற்கு நகர்த்த அல்லது மற்றொரு உறுதியிலிருந்து ஒரு குறிப்பிட்ட தொலைவில் இருக்க வேண்டும். வலை வடிவமைப்பு, நீங்கள் அந்த காட்சி பாணிகள் அல்லது அமைப்பு தேவைகளை அடைய அந்த மேற்கூறிய ஸ்பேஸ் பாத்திரங்களை பயன்படுத்த முடியாது.
வலை வடிவமைப்பு, குறியீடு உள்ள கூடுதல் இடைவெளி எழுத்துக்கள் பயன்பாடு அந்த குறியீடு படித்து எளிதாக முற்றிலும் இருக்கும். வலை வடிவமைப்பாளர்கள் மற்றும் டெவெலப்பர்கள் பெரும்பாலும் குறியீட்டு வரிசைக்கு தாவல்களைப் பயன்படுத்துகின்றனர், இதனால் அவை மற்ற உறுப்புகளின் குழந்தைகளாக இருக்கும் என்பதைக் காணலாம் - ஆனால் அந்த உள்தொகுப்புகள் பக்கத்தின் காட்சி அமைப்பை பாதிக்காது. அந்த தேவையான காட்சி அமைப்பு மாற்றங்களுக்கு, நீங்கள் CSS (அடுக்கு பாணி தாள்கள்) திரும்ப வேண்டும்.
HTML தாவல்கள் மற்றும் இடைவெளி உருவாக்க CSS ஐ பயன்படுத்தி
இன்றைய வலைத்தளங்கள் கட்டமைப்பு மற்றும் பாணியின் பிரிப்புடன் கட்டப்பட்டுள்ளன. ஒரு பக்கம் கட்டமைப்பை CSS கையாளுகிறது போது HTML மூலம் கையாளப்படுகிறது. இது இடைவெளியை உருவாக்கவோ அல்லது ஒரு குறிப்பிட்ட அமைப்பை அடையவோ, CSS ஐ திருப்புவதோடு வெறுமனே HTML குறியீட்டை இடைவெளி எழுத்துக்களைச் சேர்க்க முயற்சிக்கவில்லை.
உரைகளின் நெடுவரிசைகளை உருவாக்க நீங்கள் தாவல்களைப் பயன்படுத்த முயற்சித்தால், அதற்கு பதிலாக, CSS- ல் உள்ள நிரலை அமைப்பைப் பெற
நீங்கள் வெளியேயுள்ள தரவு அட்டவணையின் தரவாக இருந்தால், அந்த தரவை நீங்கள் விரும்பும் வகையில் சீரமைக்க அட்டவணைகள் பயன்படுத்தலாம். அட்டவணைகள் அடிக்கடி வலை வடிவமைப்பில் ஒரு மோசமான ராப் கிடைக்கும், ஏனெனில் அவர்கள் பல ஆண்டுகளாக தூய வடிவமைப்பு கருவியாக தவறாக பயன்படுத்தப்பட்டது, ஆனால் உங்கள் உள்ளடக்கம் மேற்கூறப்பட்ட அட்டவணை தரவு இருந்தால், அட்டவணைகள் இன்னும் சரியானவை.
விளிம்புகள், பேட்டிங், மற்றும் உரை-உள்தள்ளல்
CSS உடன் இடைவெளி உருவாக்க மிகவும் பொதுவான வழிகள் பின்வரும் CSS பாணிகளில் ஒன்றைப் பயன்படுத்துவதாகும்:
- விளிம்பு
- பேட்டிங்கின்
- உரை உள்தள்ளலைக்
உதாரணமாக, பின்வரும் CSS உடன் ஒரு தாவலைப் போன்ற ஒரு பத்தியின் முதல் வரியை நீங்கள் வரிசைப்படுத்தலாம் (இது உங்கள் பத்தியில் அதனுடன் இணைக்கப்பட்ட "முதல்" என்ற வகுப்பு பண்புக்கூறு உள்ளது என்பதைக் கவனத்தில் கொள்ளவும்):
p.first {
உரை-வரிசை: 5 ஏ;
}
இந்த பத்தி இப்போது 5 கதாபாத்திரங்களைக் குறித்தது.
நீங்கள் உறுப்புகளின் மேல், கீழ், இடது அல்லது வலது (அல்லது அந்தப் பக்கங்களின் கலவை) இடைவெளியைச் சேர்க்க, CSS இல் உள்ள விளிம்பு அல்லது திணிப்பு பண்புகளை பயன்படுத்தலாம். இறுதியில், நீங்கள் CSS திருப்புவதன் மூலம் தேவையான இடைவெளி எந்த வகையான அடைய முடியும்.
CSS இல்லாமல் ஒரு இடம் விட உரை நகரும்
நீங்கள் விரும்பும் அனைத்தையும் உங்கள் உரைக்கு முந்தைய உருப்படியிலிருந்து ஒரு இடத்திற்கு மேல் நகர்த்த வேண்டும் என்றால், நீங்கள் இடைவெளியைப் பயன்படுத்தலாம்.
இடைவெளி இல்லாத இடைவெளியைப் பயன்படுத்த, நீங்கள் வெறுமனே & nbsp; உங்கள் HTML மார்க்கத்தில் இது உங்களுக்கு தேவையான பல முறை.
எடுத்துக்காட்டுக்கு, உங்கள் வார்த்தை ஐந்து இடங்களை நகர்த்த விரும்பினாலும், வார்த்தைக்கு முன்னால் நீங்கள் சேர்க்கலாம்.
மேலும் & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML இந்த மதிப்பிடுவதோடு ஒற்றை இடைவெளியில் அவற்றைக் குறைக்காது. இருப்பினும், இது ஒரு மிகவும் மோசமான நடைமுறை என்று கருதப்படுகிறது, ஏனெனில் அது வடிவமைப்பு தேவைகளை அடைவதற்கு மட்டுமே ஒரு ஆவணத்திற்கு கூடுதல் HTML மார்க் சேர்க்கும். கட்டமைப்பு மற்றும் பாணியைப் பிரிப்பதை மறுபடியும் குறிப்பிடுவது, நீங்கள் வெறுமனே விரும்பாத தளவமைப்பு விளைவுகளை அடைவதற்கு பதிலாக அல்லாத இடைவெளிகளை சேர்ப்பதை தவிர்க்க வேண்டும், அதற்கு பதிலாக CSS விளிம்புகள் மற்றும் திணிப்புகளைப் பயன்படுத்த வேண்டும்.