ക്യുർക്കുകളിൽ മോഡിൽ ബ്രൌസറുകൾ നിർത്തുന്നതിനായി ഡോക് ടൈപ്പ് ഉപേക്ഷിക്കുക
ഏതാനും മാസങ്ങൾക്കുള്ളിൽ നിങ്ങൾ വെബ് പേജുകൾ രൂപകൽപ്പന ചെയ്യുകയാണെങ്കിൽ , എല്ലാ ബ്രൗസറുകളിലും ഒരേ പേജിൽ എഴുതുന്നതിൽ നിങ്ങൾക്ക് ബുദ്ധിമുട്ട് ഉണ്ടാകുമെന്ന് നിങ്ങൾക്കറിയാം. സത്യത്തിൽ, അത് അസാധ്യമാണ്. പല ബ്രൗസറുകളും അവ കൈകാര്യം ചെയ്യാനുള്ള പ്രത്യേക സവിശേഷതകളോടെ എഴുതപ്പെട്ടു. അല്ലെങ്കിൽ മറ്റ് ബ്രൗസറുകൾ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നതിൽ നിന്നും വ്യത്യസ്ഥമായ കാര്യങ്ങൾ കൈകാര്യം ചെയ്യാൻ അവർക്ക് പ്രത്യേക വിധങ്ങളുണ്ട്. ഉദാഹരണത്തിന്:
- നെറ്റ്സ്കേപ്പ് ബ്രൗസറുകളിൽ ഉപയോഗത്തിനായി ലെയറുകൾ സൃഷ്ടിച്ചു. അവ മറ്റേതെങ്കിലും ബ്രൗസറിൽ പ്രവർത്തിക്കില്ല, യഥാർത്ഥത്തിൽ നെറ്റ്സ്കേപ് 6.x + ൽ ഒഴിവാക്കിയിരിക്കുന്നു.
- ഇൻലൈൻ ഫ്രെയിമുകൾ യഥാർത്ഥത്തിൽ ഇന്റർനെറ്റ് എക്സ്പ്ലോററിന് മാത്രം സൃഷ്ടിക്കപ്പെട്ടതാണ്, അതോടൊപ്പം എച്ച്.റ്റി.എം.എൽ. സവിശേഷതയുടെ ഭാഗമായി തീർന്നു.
- Internet Explorer 6.0 ഒരു അധിക സ്ഥലം ചേർക്കുന്നു (a
) ചുറ്റുമുള്ള ടാഗുകൾ, നിങ്ങൾ ഒരു div (ദൈർഘ്യമേറിയ) വരിയിലെ എല്ലാ ഭാഗങ്ങളും എഴുതുകയാണെങ്കിൽ. (ഐഇ 6 ൽ ധാരാളം അനാവശ്യ കാര്യങ്ങൾ ഉണ്ട്.) - ശരിയായ HTML ൽ എഴുതിയിട്ടില്ലാത്ത പട്ടികകളെ Netscpe 4.7 പ്രദർശിപ്പിക്കുന്നില്ല - പകരം അത് ഒരു ശൂന്യ പേജ് കാണിക്കുന്നു. ഇത് നെറ്റ്സ്കേപ് 6-ൽ ആണ് പരിഹരിക്കപ്പെട്ടിരിക്കുന്നത്.
ബ്രൗസർ ഡവലപ്പർമാർക്കുള്ള പ്രശ്നം പഴയ ബ്രൗസറുകൾക്കായി നിർമ്മിച്ചിരിക്കുന്ന വെബ് പേജുകൾക്ക് അനുയോജ്യമായ വെബ് ബ്രൌസറുകൾ സൃഷ്ടിക്കേണ്ടതുണ്ട് എന്നതാണ്. ഈ പ്രശ്നം കൈകാര്യം ചെയ്യുന്നതിനായി ബ്രൌസർ നിർമ്മാതാക്കൾ ബ്രൌസറിനുള്ള പ്രവർത്തികൾ ഉണ്ടാക്കുന്നു. ഈ രീതികൾ ഒരു DOCTYPE ഘടകം അല്ലെങ്കിൽ DOCTYPE കോളുകളുടെ സാന്നിധ്യം അല്ലെങ്കിൽ അഭാവം കൊണ്ടാണ് നിർവ്വചിക്കുന്നത്.
DOCTYPE സ്വിച്ചിംഗ്, "ക്വാർക്കുകൾ മോഡ്"
നിങ്ങളുടെ വെബ് പേജിൽ ഇനിപ്പറയുന്ന DOCTYPE ഇടുകയാണെങ്കിൽ:
ആധുനിക ബ്രൗസറുകൾ (Android 1+, Chrome 1+, IE 6+, iOS 1+, Firefox 1+, Netscape 6+, Opera 6+, Safari 1+) ഇത് ഇനിപ്പറയുന്ന രീതിയിൽ വ്യാഖ്യാനിക്കും:
- ശരിയായി എഴുതിയിരിക്കുന്ന DOCTYPE ഉള്ളതിനാൽ, ഇത് സ്റ്റാൻഡേർഡ് മോഡ് പ്രവർത്തനക്ഷമമാക്കുന്നു.
- ഇത് ഒരു HTML 4.01 പരിവർത്തന പ്രമാണമാണ്
- ഇത് സ്റ്റാൻഡേർഡ് മോഡിൽ ഉള്ളതിനാൽ, മിക്ക ബ്രൗസറുകളും എച്ച്ടിഎംഎൽ 4.01 ട്രാൻസാക്ഷനുകളുമായി പൊരുത്തപ്പെടുന്ന (അല്ലെങ്കിൽ കൂടുതലിനോടൊപ്പമുള്ള) ഉള്ളടക്കത്തെ റെൻഡർ ചെയ്യും
കൂടാതെ നിങ്ങളുടെ പ്രമാണത്തിൽ ഈ DOCTYPE ഇട്ടു കൊടുക്കുന്നു:
ഇത് ഡിടിഡിയിൽ കർശനമായ വിധത്തിൽ നിങ്ങളുടെ HTML 4.01 പേജ് പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന ആധുനിക ബ്രൌസറുകളെ ഇത് സഹായിക്കുന്നു.
ഈ ബ്രൗസറുകൾ "കർശനമായ" അല്ലെങ്കിൽ "മാനദണ്ഡങ്ങൾ" മോഡിലേക്ക് പോയി നിലവാരത്തെ അനുസരിച്ച് പേജ് റെൻഡർ ചെയ്യും. (അങ്ങനെ, ഈ പ്രമാണത്തിനായി, HTML 4.01 കർശനമായ FONT ഘടകം ഒഴിവാക്കിയിരിക്കുന്നതുപോലെ, ബ്രൌസറുകൾ ഒഴിവാക്കിയിരിക്കാവുന്ന ടാഗുകൾ.)
നിങ്ങൾ പൂർണ്ണമായി DOCTYPE ഉപേക്ഷിക്കുകയാണെങ്കിൽ, ബ്രൗസറുകൾ യാന്ത്രികമായി "നിഷ്ക്രിയ" മോഡിലേക്ക് കൊണ്ടുപോകും.
പല സാധാരണ DOCTYPE പ്രഖ്യാപനങ്ങളോടൊപ്പം പൊതു ബ്രൌസറുകൾ എന്തുചെയ്യുമെന്ന് താഴെ കാണിച്ചിരിക്കുന്ന പട്ടിക കാണിക്കുന്നു.
മൈക്രോസോഫ്റ്റ് അതിനെ ഹാർഡ് ചെയ്തതാക്കുന്നു
ഇന്റര്നെറ്റ് എക്സ്പ്ലോറര് 6 എന്നത് സവിശേഷതയായുള്ളതാണ് DOCTYPE ഡിക്ലറേഷന് മുകളിലായി എന്തെങ്കിലും ചെയ്യുകയാണെങ്കില്, അവര് ക്വാര്ക്കുകള് മോഡിലേക്ക് പോകും. അങ്ങനെ, ഈ രണ്ട് ഉദാഹരണങ്ങളും IE 6 നെ ക്യൂംബിൽ മോഡിൽ ഉൾപ്പെടുത്തും, ഡോക്യുപീപ് ഡിപ്രെഷനുകൾ കർശനമായ മാനദണ്ഡങ്ങളിൽ തന്നെയാണെങ്കിലും പറയുന്നു:
XHTML 1.1 ഡോക്ടിപ്പ്:
കൂടാതെ, നിങ്ങൾ IE6 കഴിഞ്ഞാൽ, മൈക്രോസോഫ്റ്റ് IE8, IE9 എന്നിവയിൽ ചേർത്ത "ഫീച്ചർ" നിങ്ങൾക്ക് ഉണ്ടായിരിക്കും: META എലമെൻറ് സ്വിച്ചിംഗ് , വെബ്സൈറ്റ് ബ്ലാക്ക് ലിസ്റ്റിംഗ്. വാസ്തവത്തിൽ, ഈ രണ്ട് ബ്രൗസർ പതിപ്പുകൾക്ക് ഏഴു (!) വ്യത്യസ്ത മോഡുകൾ വരെ ഉണ്ട്:
- 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)
IE 7 ൽ "അനുയോജ്യത മോഡ്" അവതരിപ്പിച്ചു, അവിടെ റെൻഡറിംഗ് മോഡൽ IE 7 മോഡിലേക്ക് മാറ്റാൻ ഉപയോക്താവിന് തിരഞ്ഞെടുക്കാൻ കഴിയും. അങ്ങനെ നിങ്ങൾ മോഡ് സജ്ജീകരിച്ചിട്ടുണ്ടെങ്കിൽ നിങ്ങൾ DOCTYPE, META ഘടകങ്ങൾ ഉപയോഗിച്ച് സജ്ജമാക്കാൻ ആഗ്രഹിക്കുന്നെങ്കിൽ, നിങ്ങളുടെ പേജ് വീണ്ടും കുറഞ്ഞ നിലവാരത്തിലേക്ക്-കംപ്ലൈന്റ്റ് മോഡിലേക്ക് തള്ളിയിരിക്കാം.
ക്വിർക്കുകൾ മോഡ് എന്താണ്?
എല്ലാ വിചിത്രമായ റെൻഡറിംഗും അനിയന്ത്രിതമായ ബ്രൗസർ പിന്തുണയും കൈകാര്യം ചെയ്യാൻ സഹായിക്കുന്ന ക്യൂബിക്സ് മോഡ്, വെബ് ഡിസൈനർമാർക്ക് ഈ കാര്യങ്ങൾ കൈകാര്യം ചെയ്യാൻ ഉപയോഗിക്കുന്ന ഹാക്കുകളും. ബ്രൌസർ നിർമ്മാതാക്കളുടെ ആശങ്കകൾ അവരുടെ ബ്രൌസറുകൾ മുഴുവൻ പൂർണ്ണമായ വ്യക്തത അനുസരിച്ച് മാറ്റിയാൽ, വെബ് ഡിസൈനർമാർ അവശേഷിക്കും.
DOCTYPE സ്വിച്ചുചെയ്യൽ, "ക്യുർക്ക്സ് മോഡ്" എന്നിവ സജ്ജമാക്കുന്നതിലൂടെ ഇത് വെബ് ഡിസൈനർമാർക്ക് ബ്രൗസറുകൾ അവരുടെ റെൻഡർ എങ്ങനെ നൽകണമെന്ന് തീരുമാനിക്കാൻ അവരെ അനുവദിച്ചു.
ക്യുർക്കുകളുടെ മോഡ് എഫക്ടുകൾ
ക്വിക്ക്ക്സ് മോഡിൽ മിക്ക ബ്രൌസറുകളും ഉപയോഗിക്കുന്ന അനവധി പ്രഭാവങ്ങൾ ഉണ്ട്:
- ചില ബ്രൌസറുകളിൽ, ക്യൂക്സ് മോഡിൽ ബോക്സ് മോഡലിന്റെ IE 5.5 പതിപ്പിൽ ബോക്സ് മോഡൽ മാറുന്നു.
- ചില ബ്രൌസറുകൾക്ക് പട്ടികകളിൽ സ്റ്റൈലുകൾ അവകാശമില്ല
- ക്വിക്സുകൾ മോഡ് സിസ്റേയും സിഎസ്എസ് ലേയറുകളുടേയും പാസിങ്ങിനുള്ളിൽ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. ക്യുർക്കുകൾ മോഡിൽ നിന്നും നിങ്ങൾ സ്റ്റാൻഡേറ്ഡ് മോഡിലേക്ക് മാറിയാൽ, നിങ്ങളുടെ CSS ലേഔട്ട് പരിശോധിച്ച് ഉറപ്പുവരുത്തുന്നത് ഉറപ്പാക്കുക.
- ക്യുർക്കസ് മോഡിൽ ആയിരിക്കുമ്പോൾ തിരുത്തിയെഴുതുന്ന മാറ്റങ്ങൾ കാണുക. ഫയർഫോക്സ് ഐഡി ആട്രിബ്യൂട്ട് പ്രവർത്തിക്കുന്നു, ഉദാഹരണമായി. IE8- ഉം IE9- ഉം ക്വാർക്കുകൾ മോഡിൽ സ്ക്രിപ്റ്റിംഗിൽ വളരെ നാടകീയ മാറ്റങ്ങൾ വരുത്തിയിട്ടുണ്ട്.
"ഏതാണ്ട് സ്റ്റാൻഡേർഡ് മോഡില്: ഒരു വ്യത്യാസമുണ്ട്
- ഉള്ളിലുള്ള ഇമേജുകൾ ഉള്ള പട്ടികയുടെ സെല്ലുകളുടെ നിലവാരം സ്റ്റാൻഡേർഡ് മോഡിൽ നിന്നും വ്യത്യസ്തമായി കണക്കാക്കപ്പെടുന്നു.
എങ്ങനെ ഒരു DOCTYPE തെരഞ്ഞെടുക്കാം
എന്റെ ലേഖനത്തിൽ DOCTYPE പട്ടികയിൽ കൂടുതൽ വിശദാംശങ്ങളിലേയ്ക്ക് കടക്കുകയാണ്, പക്ഷേ ഇവിടെ ചില കാര്യങ്ങളുടെ പൊതുവായ ചട്ടങ്ങൾ ഉണ്ട്:
- ആദ്യം സ്റ്റാൻഡേർഡ് മോഡ് എപ്പോഴും തിരഞ്ഞെടുക്കുക. നിങ്ങൾ ഉപയോഗിക്കുന്ന നിലവാര നിലവാരം HTML5 ആണ്: HTML5 DOCTYPE ഉപയോഗിക്കുന്നത് ഒഴിവാക്കാൻ നിങ്ങൾക്ക് ഒരു പ്രത്യേക കാരണം ഇല്ലെങ്കിൽ, ഇതാണ് നിങ്ങൾ ഉപയോഗിക്കേണ്ടത്.
- നിങ്ങൾ ലെഗസി ഘടകങ്ങൾ സാധൂകരിക്കേണ്ടതുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ചില കാരണങ്ങളാൽ പുതിയ സവിശേഷതകൾ ഒഴിവാക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ കർശനമായ HTML 4.01- ലേക്ക് പോകുക:
- നിങ്ങൾ ഒരു ടേബിളിൽ വെച്ച് ഇമേജുകൾ വെട്ടിയെടുത്ത് അവ പരിഹരിക്കണമെങ്കിൽ, പരിവർത്തന HTML 4.01:
- പേജുകൾ മനഃപൂർവം ഭ്രമാത്മക മോഡിൽ എഴുതരുത്. എല്ലായ്പ്പോഴും ഒരു DOCTYPE ഉപയോഗിക്കുക. ഇത് നിങ്ങളെ ഭാവിയിൽ വികസന സമയം ലാഭിക്കും, കൂടാതെ ശരിക്കും പ്രയോജനമില്ല. IE6 അതിവേഗം പ്രചാരത്തിലിരിക്കുന്നു, കൂടാതെ ഈ ബ്രൌസറിനായി രൂപകൽപ്പന ചെയ്തതുകൊണ്ട് (പ്രത്യേകിച്ച് ക്യൂബിക്സ് മോഡിൽ ഡിസൈൻ ചെയ്യുന്നത്) നിങ്ങളുടേത്, നിങ്ങളുടെ വായനക്കാർ, നിങ്ങളുടെ പേജുകൾ എന്നിവ പരിമിതപ്പെടുത്തുന്നു. നിങ്ങൾ IE 6 അല്ലെങ്കിൽ 7 നു വേണ്ടി എഴുതുകയാണെങ്കിൽ, ആധുനിക ബ്രൌസറുകൾ ക്യൂബിക്സ് മോഡിലേക്ക് നിർബന്ധിതമാക്കുന്നതിന് പകരം അവയെ പിന്തുണയ്ക്കുന്നതിന് നിർദ്ദേശിക്കുന്ന അഭിപ്രായങ്ങൾ ഉപയോഗിക്കുക.
എന്തുകൊണ്ട് DOCTYPE ഉപയോഗിക്കണം
ഈ തരത്തിലുള്ള DOCTYPE സ്വിച്ചുചെയ്യൽ നിങ്ങൾക്ക് അറിയാമെങ്കിൽ, നിങ്ങളുടെ വെബ് പേജുകൾ ബ്രൗസറിന് നിങ്ങളുടെ പേജിൽ നിന്നും പ്രതീക്ഷിക്കാനാകുന്ന ഒരു DOCTYPE ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പേജുകളെ കൂടുതൽ നേരിട്ട് ബാധിക്കാം. കൂടാതെ, നിങ്ങൾ DOCTYPE ഉപയോഗിച്ചുതുടങ്ങുമ്പോൾ, നിങ്ങൾ സാധുവാണോ എന്ന കാര്യത്തിൽ ഏറ്റവും അടുത്തുള്ള HTML എഴുതുകയാണ് (നിങ്ങൾ അത് സാധൂകരിക്കണം). സാധുതയുള്ള XHTML എഴുതുന്നതിലൂടെ, നിങ്ങൾ ബ്രൌസർ നിർമ്മാതാക്കളെ സ്റ്റാൻഡേർഡ് അനുയോജ്യമായ ബ്രൗസറുകൾ നിർമ്മിക്കാൻ പ്രോത്സാഹിപ്പിക്കുന്നു.
ബ്രൗസർ പതിപ്പുകൾ, ക്വിർക്കുകൾ മോഡ്
DOCTYPE | Android ക്രോം ഫയർഫോക്സ് IE 8+ iOS Opera 7.5+ സഫാരി | IE 6 IE 7 ഓപ്പറ 7 | നെറ്റ്സ്കേപ്പ് 6 |
---|---|---|---|
ഒന്നുമില്ല | ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് |
HTML 3.2 | |||
ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് | |
HTML 4.01 | |||
പരിവർത്തന | സ്റ്റാൻഡേർഡ് മോഡ് * | സ്റ്റാൻഡേർഡ് മോഡ് * | സ്റ്റാൻഡേർഡ് മോഡ് |
പരിവർത്തന | ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് | ക്യുർക്കസ് മോഡ് |
കണിശമായ | സ്റ്റാൻഡേർഡ് മോഡ് | സ്റ്റാൻഡേർഡ് മോഡ് * | സ്റ്റാൻഡേർഡ് മോഡ് |
കണിശമായ | സ്റ്റാൻഡേർഡ് മോഡ് | സ്റ്റാൻഡേർഡ് മോഡ് * | സ്റ്റാൻഡേർഡ് മോഡ് |
HTML5 | |||
സ്റ്റാൻഡേർഡ് മോഡ് | സ്റ്റാൻഡേർഡ് മോഡ് * | ക്യുർക്കസ് മോഡ് | |
* ഈ DOCTYPE ഉപയോഗിച്ച് ബ്രൌസറുകൾക്ക് മാനദണ്ഡങ്ങൾ പാലിക്കാൻ കഴിയുന്നുണ്ട്, എന്നാൽ ചില പ്രശ്നങ്ങൾ ഉണ്ട്-പരീക്ഷിക്കാൻ ഉറപ്പാക്കുക. ഇത് ഏകദേശം "സ്റ്റാൻഡേർഡ് മോഡ്" എന്നാണ് അറിയപ്പെടുന്നത്. |