வலை பக்கங்கள் உள்ள தனித்த அடையாளங்கள்
W3C படி, HTML இல் உள்ள ஐடி பண்புக்கூறு:
உறுப்புக்கான தனித்துவமான அடையாளங்காட்டி
இது மிகவும் சக்திவாய்ந்த பண்புடைய ஒரு மிக எளிய விளக்கமாகும். ஐடி பண்புக்கூறு வலைப் பக்கங்களுக்கு பல செயல்களை செய்யலாம்:
- ஒரு நடை தாள் தேர்வுக்குழு - இந்த பெரும்பாலான மக்கள் ஐடி பண்பு பயன்படுத்த செயல்பாடு. அவர்கள் தனிப்பட்ட ஏனெனில், நீங்கள் ஒரு ஐடி சொத்து பயன்படுத்தி நீங்கள் பாணி போது உங்கள் வலை பக்கத்தில் ஒரு உருப்படியை ஸ்டைலிங் இருக்க முடியும் உறுதி. ஸ்டைலிங் நோக்கங்களுக்காக ஒரு ஐடியைப் பயன்படுத்த எதிர்மறையானது, குறிப்பிட்ட காரணத்தினால், சில காரணங்களால் ஒரு பாணியில் ஒரு பாணியை நீங்கள் புறக்கணிக்க வேண்டும் என்றால், இது மிகவும் சவாலானதாக இருக்கும். இதன் காரணமாக, தற்போதைய ஸ்டைல் நோக்கங்களுக்காக ID கள் மற்றும் ஐடி தேர்வாளர்களின் இடத்தில் வகுப்புகள் மற்றும் வகுப்பு தேர்வாளர்களைப் பயன்படுத்துவதற்கு தற்போதைய இணைய நடைமுறைகள் சாய்ந்து விடுகின்றன.
- இணைய உலாவிகளை இணைப்பதற்கான பெயரிடப்பட்ட அறிவிப்பாளர்கள் உங்கள் இணைய ஆவணங்களில் துல்லியமான இருப்பிடங்களை இலக்காகக் கொள்ள அனுமதிக்கிறார்கள். நீங்கள் ஒரு ஐ.ஐ.எம் (#) முன்னால் உள்ள பக்கம் URL இன் இறுதிக்கு ஐடி சேர்க்க வேண்டும். இந்த உறுப்புகளுடனான ஒரு பக்கத்திற்கான hound பண்புக்கூறு இல் pound-sign (#) மற்றும் ஐடி பெயரைச் சேர்ப்பதன் மூலம் நீங்கள் பக்கத்துடன் இணைக்கலாம். உதாரணமாக, உங்களிடம் ஒரு தொடர்பின் அடையாளத்துடன் ஒரு பிரிவை வைத்திருந்தால் , அதனுடன் அந்த பக்கத்துடன் இணைக்கலாம்:
இது இணைப்பு உரை - ஸ்கிரிப்ட்டுக்கான ஒரு குறிப்பு - நீங்கள் ஜாவாஸ்கிரிப்ட் செயல்பாடுகளை எழுதினால், நீங்கள் ஐடி பண்புகளை பயன்படுத்த விரும்புவீர்கள், இதனால் உங்கள் ஸ்கிரிப்ட்டுடன் பக்கத்தின் துல்லியமான உறுப்புக்கு மாற்றங்கள் செய்யலாம்.
- மற்ற செயலாக்க - நீங்கள் எந்த வழியில் உங்கள் வலை ஆவணங்களை செயல்படுத்த ஐடி அனுமதிக்கிறது. எடுத்துக்காட்டாக, நீங்கள் HTML ஐ ஒரு தரவுத்தளத்தில் பிரித்தெடுக்கலாம், மேலும் ID பண்புகளை புலங்களை அடையாளம் காணலாம்.
ID பண்புக்கூறலைப் பயன்படுத்துவதற்கான விதிகள்
ஆவணத்தில் எங்கிருந்தும் id பண்புகளை பயன்படுத்தும் ஒரு சரியான ஆவணம் இருப்பதற்கு நீங்கள் பின்பற்ற வேண்டிய சில விதிகள் உள்ளன:
- ஐடி ஒரு கடிதத்துடன் (அஸ் அல்லது ஏஸ்) ஆரம்பிக்க வேண்டும்
- அனைத்து அடுத்தடுத்து எழுத்துக்கள் கடிதங்கள், எண்கள் (0-9), ஹைபன்ஸ் (-), அடிக்கோடிட்டு (_), கோலோன்ஸ் (:), மற்றும் காலங்கள் (.).
- ஆவணத்தில் ஒவ்வொரு அடையாளமும் தனிப்பட்டதாக இருக்க வேண்டும். ஏன்?
அடையாள பண்புக்கூறைப் பயன்படுத்துதல்
உங்கள் வலைத்தளத்தின் ஒரு தனித்துவமான உறுப்பு அடையாளம் தெரிந்தவுடன், நீங்கள் ஸ்டைல் ஷீட்களை பாணியில் ஒரே ஒரு உறுப்பு பயன்படுத்தலாம்.
எங்களை தொடர்பு கொள்ள
இங்கே சில உரை உள்ளடக்கம் உள்ளது
div # தொடர்பு பிரிவு {பின்னணி: # 0cf;}
- அல்லது,
# தொடர்பு-பிரிவு {பின்னணி: # 0cf;}
அந்த இரண்டு தேர்வாளர்கள் ஒன்று வேலை செய்யும். முதலாவது (div # தொடர்பு-பிரிவு) என்பது "தொடர்பு-பிரிவு" இன் ஐடி பண்புடன் ஒரு பிரிவை இலக்காகக் கொண்டிருக்கும். இரண்டாவதாக (# தொடர்பு-பிரிவு), "தொடர்பு-பிரிவு" இன் அடையாளத்துடன் இன்னுமொரு உறுப்பை இலக்காகக் கொண்டிருக்கும், அது தேடும் என்ன என்பது ஒரு பிரிவு என்று தெரியாது. ஸ்டைலிங் இறுதி முடிவு சரியாக அதே இருக்கும்.
எந்த குறிப்பையும் சேர்க்காமல் குறிப்பிட்ட உறுப்புடன் இணைக்கலாம்:
தொடர்பு தகவலுடன் இணைப்பு
உங்கள் ஸ்கிரிப்டுகளில் "getElementById" JavaScript முறையுடன் அந்த பத்தியினை குறிப்பிடவும்:
பேஸ்புக் ( "தொடர்பு பிரிவு")
வர்க்கம் தேர்வாளர்கள் மிகவும் பொதுவான ஸ்டைலிங் நோக்கங்களுக்காக அவர்களுக்குப் பதிலாக இருந்தபோதிலும் ஐடி பண்புக்கூறுகள் HTML இல் மிகவும் பயனுள்ளதாக இருக்கின்றன. ஐடி பண்புகளை பாணிகளை ஒரு கொக்கி பயன்படுத்த திறன், மேலும் அவர்கள் இணைப்புகள் அல்லது ஸ்கிரிப்டுகள் இலக்குகள் ஐந்து அறிவிப்பாளர்கள் பயன்படுத்தும் போது, அவர்கள் இன்னும் இன்று வலை வடிவமைப்பு ஒரு முக்கியமான இடம் என்று அர்த்தம்.
ஜெர்மி கிரார்ட் திருத்தப்பட்டது