உலாவிகளின் நிலையை க்யூர்க்ஸ் பயன்முறையில் தட்டச்சு செய்ய விடுங்கள்
நீங்கள் ஒரு சில மாதங்களுக்கு மேலாக இணைய பக்கங்களை வடிவமைக்கிறீர்கள் என்றால் , அனைத்து உலாவிகளில் இருந்ததைப் போலவே ஒரு பக்கத்தை எழுதுவதில் சிக்கலை நீங்கள் அறிந்திருக்கலாம். உண்மையில், அது முடியாத காரியம். பல உலாவிகள் மட்டுமே கையாளக்கூடிய சிறப்பு அம்சங்களுடன் எழுதப்பட்டன. அல்லது மற்ற உலாவிகள் எவ்வாறு கையாளப்படுகின்றன என்பதைப் பொறுத்து வேறுபட்ட விஷயங்களைக் கையாளும் சிறப்பு வழிகள் இருக்கின்றன. உதாரணத்திற்கு:
- நெட்ஸ்கேப் உலாவிகளில் பயன்படுத்த அடுக்குகள் உருவாக்கப்பட்டது. வேறு எந்த உலாவிலும் அவர்கள் வேலை செய்யவில்லை, உண்மையில் Netscape 6.x + இல் நீக்கப்பட்டது.
- இன்லைன் பிரேம்களானது முதலில் Internet Explorer க்காக முதலில் உருவாக்கப்பட்டது, மேலும் அது HTML விவரக்குறிப்பின் பகுதியாக மாறியது.
- Internet Explorer 6.0 கூடுதல் இடத்தை சேர்க்கிறது (ஒரு
) சுற்றியுள்ள குறிச்சொற்களை, நீங்கள் ஒரு (நீண்ட) வரியில் அனைத்து div உள்ளடக்கங்களை எழுத வரை. (IE 6 க்கும் அதிகமான க்யூர்க்ஸ் மற்றும் இதுபோன்றது.) - Netscpe 4.7 சரியான HTML இல் எழுதப்படாத அட்டவணைகளை காட்டாது - அதற்குப் பதிலாக வெற்று பக்கத்தைக் காட்டுகிறது. இது நெட்ஸ்கேப் 6 இல் சரி செய்யப்பட்டது.
உலாவி டெவலப்பர்களுக்கான பிரச்சனை பழைய உலாவிகளுக்கு கட்டப்பட்ட இணைய பக்கங்களுடன் இணக்கமாக இருக்கும் இணைய உலாவிகளையே உருவாக்க வேண்டும் என்பதாகும். இந்த சிக்கலைச் சமாளிக்க, உலாவி தயாரிப்பாளர்கள் உலாவிகளுக்கு இயங்குவதற்கான முறைகள் உருவாக்கப்பட்டுள்ளன. இந்த முறைகள் ஒரு DOCTYPE உறுப்பு மற்றும் DOCTYPE உறுப்புகளின் இருப்பு அல்லது இல்லாமலே வரையறுக்கப்படுகின்றன.
DOCTYPE ஸ்விட்சிங் மற்றும் "க்யூர்க்ஸ் பயன்முறை"
உங்கள் வலைப்பக்கத்தில் பின்வரும் DOCTYPE ஐ வைத்துள்ளீர்கள்:
நவீன உலாவிகள் (Android 1+, Chrome 1+, IE 6+, iOS 1+, Firefox 1+, நெட்ஸ்கேப் 6+, ஓபரா 6+, சஃபாரி 1+) இதை பின்வரும் பாணியில் விளக்குகின்றன:
- சரியாக எழுதப்பட்ட DOCTYPE இருப்பதால், இது தரநிலை முறைகளை தூண்டுகிறது.
- இது ஒரு HTML 4.01 இடைநிலை ஆவணம் தான்
- இது தரநிலை முறையில் இருப்பதால், பெரும்பாலான உலாவிகளில் HTML 4.01 இடைநிலைடன் உள்ளடக்கம் இணக்கமான (அல்லது பெரும்பாலும் இணக்கமானதாக) வழங்கப்படும்
நீங்கள் இந்த ஆவணத்தை DOCTYPE வை உங்கள் ஆவணத்தில் வைத்தால்:
டி.டி.டீ உடன் கண்டிப்பான இணக்கத்துடன் உங்கள் HTML 4.01 பக்கம் காட்ட விரும்பும் நவீன உலாவிகளுக்கு இதை இது சொல்கிறது.
இந்த உலாவிகளில் "கண்டிப்பான" அல்லது "தரநிலைகள்" முறையில் சென்று, தரநிலைகளுடன் இணங்குவதற்கு பக்கத்தை வழங்கவும். (எனவே, இந்த ஆவணத்திற்கான, FONT உறுப்பு HTML 4.01 கண்டிப்பில் நீக்கப்பட்டது போன்ற குறிச்சொற்களை முற்றிலும் உலாவி புறக்கணிக்கப்படலாம்.)
நீங்கள் DOCTYPE ஐ முழுமையாக வெளியேற்றினால், உலாவிகளில் தானாகவே "க்யூர்க்ஸ்" முறையில் பிடிக்கப்படும்.
வெவ்வேறு பொதுவான DOCTYPE அறிவிப்புகளுடன் வழங்கப்பட்டபோது பொதுவான உலாவிகள் என்ன செய்கின்றன என்பதை கீழே உள்ள அட்டவணை காட்டுகிறது.
மைக்ரோசாப்ட் அதை கடினமாக்குகிறது
இன்டர்நெட் எக்ஸ்ப்ளோரர் 6 ஆனது, DOCTYPE பிரகடனத்திற்கு மேலதிகமாக ஏதேனும் ஒன்றை நீங்கள் வைத்திருந்தால், அவை தனிமங்களின் முறைமையில் செல்லப்படும். எனவே, இந்த இரண்டு எடுத்துக்காட்டுகளும் IE 6 ஐ க்யூர்க்ஸ் பயன்முறையில் வைக்கும், DOCTYPE அறிவிப்புக்கள் கடுமையான நெறிமுறைகளில் இருக்க வேண்டும் என்று கூறினாலும்:
மற்றும் XHTML 1.1 DOCTYPE:
பிளஸ், நீங்கள் கடந்த IE6 கிடைத்தால், பின்னர் நீங்கள் மைக்ரோசாப்ட் IE8 மற்றும் IE9 சேர்க்கப்படும் "அம்சம்": மெட்டா உறுப்பு சுவிட்ச் மற்றும் இணைய பிளாக்லிஸ்டிங். உண்மையில், இந்த இரண்டு உலாவி பதிப்புகள் ஏழு (!) வெவ்வேறு முறைகள் வரை உள்ளன:
- IE 5.5 க்யூர்க்ஸ் பயன்முறை (IE 8 மற்றும் 9)
- IE 7 தரநிலை முறை (IE 8 மற்றும் 9)
- IE 8 கிட்டத்தட்ட தரநிலை முறை (IE 8 மற்றும் 9)
- IE 8 தரநிலை முறை (IE 8 மற்றும் 9)
- IE 9 கிட்டத்தட்ட தரநிலை முறை (IE 9)
- IE 9 தரநிலை முறை (IE 9)
- XML பயன்முறை (IE 9)
ஐ.இ. 8 மேலும் "இணக்க முறை" அறிமுகப்படுத்தியது, அங்கு பயனர் 7-முறை முறைக்கு ரெண்டரிங் மாடலை மாற்றத் தேர்வு செய்யலாம். எனவே நீங்கள் அமைப்பை அமைத்தாலும் DOCTYPE மற்றும் META ஆகிய இரு கூறுகளையும் பயன்படுத்தி அமைக்க வேண்டும், உங்கள் பக்கம் இன்னமும் குறைவான தரநிலைகள்-இணக்க முறைமையில் தள்ளப்படலாம்.
க்யூர்க்ஸ் பயன் என்ன?
அனைத்து விசித்திரமான ஒழுங்கமைவு மற்றும் இணக்கமற்ற உலாவி ஆதரவு மற்றும் வலை வடிவமைப்பாளர்கள் அந்த விஷயங்களை சமாளிக்க பயன்படுத்தும் ஹேக்ஸ் சமாளிக்க உதவ குவார்ட்ஸ் முறை உருவாக்கப்பட்டது. உலாவி உற்பத்தியாளர்கள் கொண்டிருந்த கவலையானது, தங்கள் உலாவிகளில் முழு விவரக்குறிப்பு இணக்கத்திற்கு மாறியிருந்தால், இணைய வடிவமைப்பாளர்கள் பின்னால் விடப்படுவார்கள்.
DOCTYPE மாறுதல் மற்றும் "க்யூர்க்ஸ் பயன்முறை" அமைப்பதன் மூலம் இந்த வலை வடிவமைப்பாளர்கள் உலாவிகளில் தங்கள் HTML ஐ எவ்வாறு வழங்க வேண்டுமென விரும்புகிறார்களோ அதைத் தேர்வு செய்ய அனுமதித்தனர்.
க்யூர்க்ஸ் பயன்முறை விளைவுகள்
பெரும்பாலான உலாவிகள் க்யூர்க்ஸ் பயன்முறையில் பயன்படுத்தக்கூடிய பல விளைவுகள் உள்ளன:
- சில உலாவிகளில், பாக்ஸ் மாடல் மாறுபடும் முறைகளில் பாக்ஸ் மாதிரியின் IE 5.5 பதிப்புக்கு மாறுகிறது.
- சில உலாவிகளில் அட்டவணையில் பாணியைப் பெறுவதில்லை
- க்யூர்க்ஸ் பயன்முறை CSS மற்றும் CSS அமைப்பை அலசுவதில் பாதிக்கிறது, நீங்கள் பக்கங்களை பயன்முறையில் இருந்து மாறுபடும் முறைகளில் மாற்றினால், உங்கள் CSS அமைப்பை சோதிக்க மற்றும் விரிவாக பாகுபடுத்தி பார்க்கவும்.
- க்யூர்க்ஸ் பயன்முறையில் ஸ்கிரிப்டிங் மாற்றங்கள் பார்க்க. ஃபயர்பாக்ஸ் ஐடி பண்புக்கூறு செயல்படுவதை மாற்றியமைக்கிறது, எடுத்துக்காட்டாக. IE8 மற்றும் IE9 க்யூர்க்ஸ் முறையில் ஸ்கிரிப்டிங் மிகவும் வியத்தகு மாற்றங்கள் உள்ளன.
ஒரு வித்தியாசமும் இல்லை "கிட்டத்தட்ட நியமங்கள் மாடு:"
- உள்ளே உள்ள படங்களை கொண்ட அட்டவணை செல்கள் உயரம் தரநிலை முறையில் வேறுபட்டதாக கணக்கிடப்படுகிறது.
எப்படி ஒரு DOCTYPE தேர்வு செய்ய வேண்டும்
என் கட்டுரை DOCTYPE பட்டியலில் இன்னும் விரிவாகச் செல்கிறேன், ஆனால் இங்கே சில பொதுவான விதிகள் உள்ளன:
- முதலில் தரநிலைகளை முதலில் தேர்வு செய்யவும். நீங்கள் பயன்படுத்தும் தற்போதைய தரநிலை HTML5 ஆகும்: நீங்கள் HTML5 DOCTYPE ஐப் பயன்படுத்துவதைத் தவிர்ப்பதற்கு ஒரு குறிப்பிட்ட காரணம் இல்லாவிட்டால், நீங்கள் இதைப் பயன்படுத்த வேண்டும்.
- நீங்கள் மரபு கூறுகளை சரிபார்க்க அல்லது சில காரணங்களுக்காக புதிய அம்சங்களை தவிர்க்க வேண்டும் என்றால் கடுமையான HTML 4.01 செல்ல:
- நீங்கள் ஒரு அட்டவணையில் வெட்டப்பட்ட படங்கள் மற்றும் அவற்றை சரிசெய்ய விரும்பவில்லை என்றால், மாற்றம் 4.01 க்கு சென்று:
- க்யூர்க்ஸ் பயன்முறையில் வேண்டுமென்றே பக்கங்களை எழுதாதே. எப்போதும் DOCTYPE ஐப் பயன்படுத்துக. இது எதிர்காலத்தில் அபிவிருத்தி நேரத்தில் நீங்கள் சேமிக்கும், மற்றும் உண்மையில் எந்த நன்மை இல்லை. IE6 விரைவாக புகழ் இழந்து, இந்த உலாவி வடிவமைப்பதன் மூலம் (இது க்யூர்க்ஸ் முறையில் வடிவமைத்தல் என்ன முக்கியம்) நீங்கள் உங்களை, உங்கள் வாசகர்கள், மற்றும் உங்கள் பக்கங்களை கட்டுப்படுத்தும். நீங்கள் IE 6 அல்லது 7 க்கு எழுத வேண்டும் என்றால், நிபந்தனையற்ற கருத்துக்களை பயன்படுத்தவும்.
ஏன் DOCTYPE பயன்படுத்தவும்
இந்த வகை DOCTYPE மாறுவதை நீங்கள் அறிந்தவுடன், உங்கள் வலைப்பக்கங்களை உலாவி உங்கள் உலாவியில் இருந்து எதிர்பார்ப்பதைக் குறிக்கும் DOCTYPE ஐ பயன்படுத்தி உங்கள் வலைப்பக்கங்களை நேரடியாக பாதிக்கலாம். மேலும், நீங்கள் DOCTYPE ஐப் பயன்படுத்த ஆரம்பித்தால், நீங்கள் செல்லுபடியானதாக இருக்கும் HTML ஐ எழுதுவீர்கள் (நீங்கள் அதை இன்னும் சரிபார்க்க வேண்டும்). மற்றும் சரியான XHTML எழுதி, நீங்கள் தர இணக்கமான உலாவிகளில் உருவாக்க உலாவி தயாரிப்பாளர்கள் ஊக்குவிக்க.
உலாவி பதிப்புகள் மற்றும் க்யூர்க்ஸ் முறை
DOCTYPE ஆக | அண்ட்ராய்டு குரோம் பயர்பாக்ஸ் IE 8+ iOS க்கு ஓபரா 7.5+ சபாரி | IE 6 IE 7 ஓபரா 7 | நெட்ஸ்கேப் 6 |
---|---|---|---|
யாரும் | க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை |
HTML 3.2 | |||
க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை | |
HTML 4.01 | |||
இடைநிலை | நியமங்கள் பயன்முறை * | நியமங்கள் பயன்முறை * | நியமங்கள் முறை |
இடைநிலை | க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை | க்யூர்க்ஸ் முறை |
கண்டிப்பான | நியமங்கள் முறை | நியமங்கள் பயன்முறை * | நியமங்கள் முறை |
கண்டிப்பான | நியமங்கள் முறை | நியமங்கள் பயன்முறை * | நியமங்கள் முறை |
, HTML5 | |||
நியமங்கள் முறை | நியமங்கள் பயன்முறை * | க்யூர்க்ஸ் முறை | |
* இந்த DOCTYPE உடன், உலாவிகளில் தரநிலை இணக்கமானதாக இருக்கும், ஆனால் சில சிக்கல்கள் உள்ளன- சோதிக்க நிச்சயம். இது "கிட்டத்தட்ட நியமங்கள் முறைமை" என்றும் அழைக்கப்படுகிறது. |