Div and span
எச். டி. எம். எல். இல், டிவி மற்றும் ஸ்பான் குறிச்சொற்கள் ஒரு ஆவணத்தின் பகுதிகளை வரையறுக்கப் பயன்படுத்தப்படும் கூறுகளாகும், இதனால் ஒரு தனித்துவமான வகைப்பாடு தேவைப்படும்போது அவை அடையாளம் காணப்படுகின்றன. பி (பத்தி), எம் (முக்கியத்துவம்) போன்ற பிற எச். டி. எம். எல் கூறுகள் உள்ளடக்கத்தின் சொற்பொருளை துல்லியமாக பிரதிநிதித்துவப்படுத்தும் போது, ஸ்பான் மற்றும் டிவி குறிச்சொற்களின் கூடுதல் பயன்பாடு வாசகர்களுக்கு சிறந்த அணுகலுக்கும் ஆசிரியர்களுக்கு எளிதான பராமரிப்புக்கும் வழிவகுக்கிறது. தற்போதுள்ள எந்த எச். டி. எம். எல் உறுப்பும் பொருந்தாத இடங்களில், ஸ்பான் மற்றும் டிவி ஒரு ஆவணத்தின் பகுதிகளை மதிப்புமிக்க முறையில் பிரதிநிதித்துவப்படுத்தலாம், இதனால் கிளாஸ், ஐடி, லாங் அல்லது டிர் போன்ற எச். டி. எம். எல் பண்புக்கூறுகளைப் பயன்படுத்தலாம். ஸ்பான் என்பது ஒரு ஆவணத்தின் இன்லைன் பகுதியைக் குறிக்கிறது, எடுத்துக்காட்டாக ஒரு வாக்கியத்திற்குள் உள்ள சொற்கள். ஒரு சில பத்திகள் போன்ற ஆவணத்தின் தொகுதி-நிலை பகுதியை அல்லது அதன் தலைப்புடன் ஒரு படத்தைக் குறிக்கிறது. டிவி என்பது பிரிவைக் குறிக்கிறது. கூறுகள் சொற்பொருள் பண்புகளை அனுமதிக்கின்றன (எ. கா. லாங் = "என்-யு. எஸ்"), சி. எஸ். எஸ் ஸ்டைலிங் (எ. கா., நிறம் மற்றும் அச்சுக்கலை), அல்லது கிளையன்ட்-சைட் ஸ்கிரிப்டிங் (எ. கா., அனிமேஷன், மறைத்தல் மற்றும் பெருக்கம்) பயன்படுத்தப்பட வேண்டும். டிவி ஆவணத்தின் 'பிரிவை' வரையறுக்கிறது, இது ஒரு தொகுதி-நிலை உருப்படி, இது இன்லைன் பொருளின் இடைவெளியைக் காட்டிலும் அதற்கு மேலேயும் கீழேயும் உள்ள கூறுகளிலிருந்து மிகவும் வேறுபட்டது. எடுத்துக்காட்டாக, ஒரு பத்தி சிவப்பு நிறத்திற்குள் உரையின் ஒரு குறிப்பிட்ட பகுதியை உருவாக்க, ஸ்பான் பின்வருமாறு பயன்படுத்தப்படலாம்ஃ வரலாறு ஸ்பான் உறுப்பு 1995 ஆம் ஆண்டில் சர்வதேசமயமாக்கல் பணிக்குழுவின் இரண்டாவது வரைவு எச். டி. எம். எல்-ஐ 18 என் இல் அறிமுகப்படுத்தப்பட்டது. இருப்பினும், எச். டி. எம். எல் 4.01 வரை இது எச். டி. எம். எல் மொழியின் ஒரு பகுதியாக மாறியது, இது 1997 இல் எச். டி. எம். எல் 4 டபிள்யூ 3 சி வேலை வரைவில் தோன்றியது. 1995 ஆம் ஆண்டில், உரையின் எந்த இன்லைன் நீளத்தையும் குறிக்க ஸ்பான் அறிமுகப்படுத்தப்பட்டது, ஏனெனில் 'வேறு எந்த உறுப்பும் பொருத்தமாக இல்லாத சந்தர்ப்பங்களில் லாங் மற்றும் பிடிஐ பண்புகளை எடுத்துச் செல்ல ஒரு பொதுவான கொள்கலன் தேவைப்படுகிறது'. அப்போதிருந்து மிகவும் வளமான சொற்பொருள் கூறுகள் வரையறுக்கப்பட்டிருந்தாலும், இன்னும் பல பண்புக்கூறுகள் பயன்படுத்தப்பட வேண்டியிருந்தாலும், அது இன்னும் அந்த பொதுவான நோக்கத்திற்கு உதவுகிறது. வேறுபாடுகள் மற்றும் இயல்புநிலை நடத்தை டிவ் மற்றும் ஸ்பானுக்கு இடையே பல வேறுபாடுகள் உள்ளன. மிகவும் குறிப்பிடத்தக்க வேறுபாடு கூறுகள் எவ்வாறு காட்டப்படுகின்றன என்பதுதான். நிலையான எச். டி. எம். எல். இல், ஒரு டிவி என்பது ஒரு தொகுதி-நிலை உறுப்பு, அதே நேரத்தில் ஒரு ஸ்பான் ஒரு இன்லைன் உறுப்பு ஆகும். டிவி பிளாக் பக்கத்தில் ஒரு ஆவணத்தின் ஒரு பகுதியை பார்வைக்கு தனிமைப்படுத்துகிறது, மேலும் பிற பிளாக்-நிலை கூறுகளைக் கொண்டிருக்கலாம். ஸ்பான் உறுப்பு சுற்றியுள்ள உள்ளடக்கத்துடன் இன்லைனில் ஒரு தகவலைக் கொண்டுள்ளது, மேலும் பிற இன்லைன்-நிலை கூறுகளை மட்டுமே கொண்டிருக்கலாம். நடைமுறையில், கூறுகளின் இயல்புநிலை காட்சியை அடுக்கு பாணி தாள்களைப் (சிஎஸ்எஸ்) பயன்படுத்துவதன் மூலம் மாற்றலாம், இருப்பினும் ஒவ்வொரு உறுப்பின் அனுமதிக்கப்பட்ட உள்ளடக்கங்களையும் மாற்றக்கூடாது. எடுத்துக்காட்டாக, CSS ஐப் பொருட்படுத்தாமல், ஒரு ஸ்பான் உறுப்பு பிளாக்-லெவல் குழந்தைகளைக் கொண்டிருக்காது. நடைமுறை பயன்பாட்டு இடைவெளி மற்றும் வகு கூறுகள் ஆகியவை மூடப்பட்ட கூறுகளின் தர்க்கரீதியான தொகுப்பைக் குறிக்க மட்டுமே பயன்படுத்தப்படுகின்றன. கிளாஸ் அல்லது ஐடி பண்புக்கூறுகளுடன் ஸ்பான் மற்றும் டிவி குறிச்சொற்களைப் பயன்படுத்துவதற்கு மூன்று முக்கிய காரணங்கள் உள்ளனஃ சிஎஸ்எஸ் உடன் ஸ்டைலிங் உள்ளடக்கத்தின் சில பகுதிகளுக்கு தளவமைப்பு, அச்சுக்கலை, நிறம் மற்றும் பிற விளக்கக்காட்சி பண்புக்கூறுகளைப் பயன்படுத்துவதற்கு சிஎஸ்எஸ் உடன் இணைந்து கிளாஸ் அல்லது ஐடி பண்புக்கூறுகளை எடுத்துச் செல்வது மற்றும் கூறுகளுக்கு பொதுவானது. சிஎஸ்எஸ் காட்சி ஸ்டைலிங்கிற்கு மட்டும் பொருந்தாதுஃ குரல் உலாவியால் சத்தமாக பேசும்போது, சிஎஸ்எஸ் ஸ்டைலிங் பேச்சு விகிதம், மன அழுத்தம், செழுமை மற்றும் ஒரு ஸ்டீரியோஃபோனிக் படத்திற்குள் கூட நிலையை பாதிக்கலாம். இந்த காரணங்களுக்காக, மேலும் சொற்பொருள் வலையின் ஆதரவில், எச். டி. எம். எல்-க்குள் உள்ள கூறுகளுடன் இணைக்கப்பட்ட பண்புக்கூறுகள் ஒரு குறிப்பிட்ட ஊடகத்தில் அவற்றின் நோக்கம் கொண்ட காட்சி பண்புகளை விவரிப்பதை விட அவற்றின் சொற்பொருள் நோக்கத்தை விவரிக்க வேண்டும். எடுத்துக்காட்டாக, உள்ள எச். டி. எம். எல் சொற்பொருள் ரீதியாக பலவீனமானது, அதேசமயம் வலியுறுத்தலைக் குறிக்க ஒரு எம் உறுப்பைப் பயன்படுத்துகிறது (சாய்வில் உரையாகத் தோன்றுகிறது), மேலும் மிகவும் பொருத்தமான வகுப்பு பெயரை அறிமுகப்படுத்துகிறது. CSS இன் சரியான பயன்பாட்டின் மூலம், அத்தகைய 'எச்சரிக்கைகள்' ஒரு திரையில் சிவப்பு, தைரியமான எழுத்துருவில் வழங்கப்படலாம், ஆனால் அச்சிடப்படும்போது அவை தவிர்க்கப்படலாம், ஏனெனில் அதற்குள் அவற்றைப் பற்றி எதுவும் செய்ய மிகவும் தாமதமாகிவிட்டது. ஒருவேளை பேசும்போது அவர்களுக்கு கூடுதல் மன அழுத்தம் கொடுக்கப்பட வேண்டும், மேலும் பேச்சு விகிதத்தில் ஒரு சிறிய குறைப்பு இருக்க வேண்டும். இரண்டாவது உதாரணம் வெறும் விளக்கக்காட்சியைக் காட்டிலும் சொற்பொருள் ரீதியாக பணக்கார மார்க்அப் ஆகும். சொற்பொருள் தெளிவு பக்க உள்ளடக்கத்தின் சில பகுதிகளை இந்த வகையான தொகுத்தல் மற்றும் பெயரிடுதல் ஆகியவை பொதுவான சொற்களில் பக்கத்தை மேலும் சொற்பொருள் ரீதியாக அர்த்தமுள்ளதாக மாற்றுவதற்காக மட்டுமே அறிமுகப்படுத்தப்படலாம். வரவிருக்கும் ஆண்டுகள் மற்றும் தசாப்தங்களில் உலகளாவிய வலை எவ்வாறு வளரும் என்று சொல்ல முடியாது. இன்று வடிவமைக்கப்பட்ட வலைப்பக்கங்கள், நாம் இன்னும் கற்பனை செய்து பார்க்க முடியாத தகவல் அமைப்புகள் வலையில் பயணிக்கும்போது, செயலாக்கும்போது, வகைப்படுத்தும் போது இன்னும் பயன்பாட்டில் இருக்கலாம். கூகிள் மற்றும் பிற இன்றைய தேடுபொறிகள் கூட கணிசமான சிக்கலான தனியுரிம தகவல் செயலாக்க வழிமுறைகளைப் பயன்படுத்துகின்றன. சில ஆண்டுகளாக, உலகளாவிய வலை கூட்டமைப்பு (W3C) ஒரு பெரிய சொற்பொருள் வலைத் திட்டத்தை நடத்தி வருகிறது, இது முழு வலையையும் இன்றைய மற்றும் எதிர்கால தகவல் அமைப்புகளுக்கு பெருகிய முறையில் பயனுள்ளதாகவும் அர்த்தமுள்ளதாகவும் மாற்ற வடிவமைக்கப்பட்டுள்ளது. மைக்ரோஃபார்மேட்ஸ் இயக்கம் என்பது சொற்பொருள் வகுப்புகளின் யோசனையை உருவாக்கும் முயற்சியாகும். எடுத்துக்காட்டாக, மைக்ரோஃபார்மேட்ஸ்-விழிப்புணர்வு மென்பொருள் தானாகவே ஒரு உறுப்பைக் கண்டறிந்து தொலைபேசி எண்ணை தானாக டயல் செய்ய அனுமதிக்கலாம். குறியீட்டிலிருந்து அணுகல் ஒரு பக்க பார்வையாளரின் கிளையன்ட் உலாவிக்கு எச். டி. எம். எல் அல்லது எக்ஸ். எச். டி. எம். எல் மார்க்அப் வழங்கப்பட்டவுடன், கிளையன்ட் பக்க குறியீடு வலைப்பக்கத்தின் உள் கட்டமைப்பை (அல்லது ஆவண பொருள் மாதிரி) வழிநடத்த வேண்டிய வாய்ப்பு உள்ளது. இதற்கு மிகவும் பொதுவான காரணம் என்னவென்றால், பக்கம் கிளையன்ட்-சைட் ஜாவாஸ்கிரிப்டுடன் வழங்கப்படுகிறது, இது பக்கம் வழங்கப்பட்ட பிறகு தொடர்ந்து மாறும் நடத்தையை உருவாக்கும். எடுத்துக்காட்டாக, 'இப்போது வாங்கு' இணைப்பின் மீது சுட்டியை உருட்டுவது விலையை உயர்த்துவதாக இருந்தால், பக்கத்தில் வேறு இடங்களில் வலியுறுத்தப்பட்டால், ஜாவாஸ்கிரிப்ட் குறியீடு இதைச் செய்ய முடியும், ஆனால் ஜாவாஸ்கிரிப்ட் விலை உறுப்பை அடையாளம் காண வேண்டும், அது மார்க்அப்பில் எங்கிருந்தாலும். பின்வரும் மார்க்அப் போதுமானதுஃ மற்றொரு உதாரணம் அஜாக்ஸ் நிரலாக்க நுட்பமாகும், எடுத்துக்காட்டாக, ஒரு ஹைபர்டெக்ஸ்ட் இணைப்பைக் கிளிக் செய்வதன் மூலம் ஜாவாஸ்கிரிப்ட் குறியீடு முழு பக்கத்தையும் மீண்டும் ஏற்றாமல், பக்கத்திற்குள் தற்போதைய விலைக்கு பதிலாக புதிய விலை மேற்கோளுக்காக உரையை மீட்டெடுக்கக்கூடும். புதிய உரை சேவையகத்திலிருந்து திரும்பி வரும்போது, புதிய தகவலுடன் மாற்றுவதற்கு ஜாவாஸ்கிரிப்ட் பக்கத்தில் உள்ள சரியான பகுதியை அடையாளம் காண வேண்டும். தானியங்கி சோதனைக் கருவிகள் ஸ்பான் மற்றும் டிவி கூறுகளின் வகுப்பு அல்லது ஐடி பண்புக்கூறுகளைப் பயன்படுத்தி வலைப்பக்க மார்க்அப்பை வழிநடத்த வேண்டியிருக்கலாம். மாறும் வகையில் உருவாக்கப்பட்ட எச். டி. எம். எல். இல், xUnit குடும்பத்தின் உறுப்பினரான HttpUnit போன்ற பக்க சோதனைக் கருவிகளைப் பயன்படுத்துவதும், வடிவத்தால் இயக்கப்படும் வலைத்தளங்களில் பயன்படுத்தும்போது அப்பாச்சி ஜேமீட்டர் போன்ற சுமை அல்லது அழுத்த சோதனைக் கருவிகளைப் பயன்படுத்துவதும் இதில் அடங்கும். மிகைப்படுத்தப்பட்ட பயன்பாடு டிவி மற்றும் ஸ்பானின் நியாயமான பயன்பாடு எச். டி. எம். எல் மற்றும் எக்ஸ். எச். டி. எம். எல் மார்க்அப்பின் முக்கிய பகுதியாகும். இருப்பினும், அவை சில நேரங்களில் மிகைப்படுத்தப்படுகின்றன. எச். டி. எம். எல் இல் கிடைக்கும் பல்வேறு பட்டியல் கட்டமைப்புகள் வீட்டில் தயாரிக்கப்பட்ட டிவ் மற்றும் ஸ்பான் கூறுகளின் கலவையை விட விரும்பத்தக்கதாக இருக்கலாம். எடுத்துக்காட்டாக, இதுஃ <உல் கிளாஸ் = "மெனு"> <லி> பிரதான பக்கம் </லி> <லி> உள்ளடக்கங்கள் </லி> <லி> உதவி </லி> </உல்> இது பிரதான பக்க உள்ளடக்க உதவியை உருவாக்குகிறது. இதற்கு பதிலாக பொதுவாக விரும்பத்தக்கதுஃ <டிவி கிளாஸ் = "மெனு"> <ஸ்பான்> பிரதான பக்கம் </ஸ்பான்> <ஸ்பான்> உள்ளடக்கங்கள் </ஸ்பான்> </ஸ்பான்> உதவி </ஸ்பான்> </டிவி> இது பிரதான பக்க உள்ளடக்கங்களை உருவாக்குகிறது உதவி டிவி மற்றும் ஸ்பான் கூறுகளை விட எச். டி. எம். எல் இன் சொற்பொருள் பயன்பாட்டின் பிற எடுத்துக்காட்டுகளில் ஒரு வலை வடிவத்தைப் பிரிக்க புலம் தொகுப்பு கூறுகளின் பயன்பாடு, அத்தகைய பிரிவுகளை அடையாளம் காண புராணக் கூறுகளின் பயன்பாடு மற்றும் டிவி என்பதை விட படிவ உள்ளீட்டு கூறுகளை அடையாளம் காண லேபிளைப் பயன்படுத்துதல் ஆகியவை அடங்கும். எச். டி. எம். எல்5 பல புதிய கூறுகளை அறிமுகப்படுத்தியது; ஒரு சில எடுத்துக்காட்டுகளில் தலைப்பு, அடிக்குறிப்பு, நாவ் மற்றும் உருவம் கூறுகள் அடங்கும். சொற்பொருள் ரீதியாக பொருத்தமான கூறுகளின் பயன்பாடு ஸ்பான் அல்லது டிவை விட எச். டி. எம். எல் ஆவணங்களுக்கு சிறந்த கட்டமைப்பை வழங்குகிறது. மேலும் காண்கஃ எச். டி. எம். எல் மற்றும் எச். டி. எம். எல் 5 எச். டி. எம். எல் உறுப்பு எச். டி. எம். எல் பண்புக்கூறு அடுக்கடுக்கான பாணித் தாள்கள் மற்றும் உதவிஃ அடுக்கடுக்கான பாணித் தாள்கள் சி. டி. ஏ. டி. ஏ சூழல் பொருள்கள் (சி. ஓ. ஐ. என். எஸ்) ஜாவாஸ்கிரிப்ட் சொற்பொருள் வலை குறிப்புகள் வெளிப்புற இணைப்புகள் தொகுப்பு கூறுகள்ஃ டி. ஐ. வி மற்றும் எஸ். பி. ஏ. என் கூறுகள் எச். டி. எம். எல் குறிச்சொற்கள்