බ්රවුසරය ක්වික්ස් මාදිලිය වෙත යොමු කිරීමට Doctype පිටතට යන්න
ඔබ මාස කිහිපයකට වඩා වෙබ් අඩවි නිර්මාණය කර තිබේ නම්, සියලු බ්රව්සර්වලදී සමාන ලෙස පෙනෙන පිටුවක් ලිවීමේ අපහසුතා බොහෝ විට ඔබට දැනිය හැකිය. ඇත්ත වශයෙන්ම, එය කළ නොහැකි ය. බොහෝ බ්රව්සර් ලිවීම් කළ හැකි විශේෂිත ලක්ෂණ සහිතව ලියා ඇත. නැතහොත් වෙනත් බ්රව්සර් ඒවා හසුරුවන ආකාරය වෙනස් වන ආකාරයේ හැසිරීම් වලට ඔවුන් විශේෂ ක්රම තිබේ. උදාහරණයක් වශයෙන්:
- Netscape බ්රව්සරවල භාවිතා කිරීම සඳහා ස්ථර නිර්මාණය කරන ලදි. ඔවුන් වෙනත් බ්රවුසරයේ වැඩ කරන්නේ නැත. ඇත්ත වශයෙන්ම Netscape 6.x + හි භාවිතයෙන් ඉවත් කර ඇත.
- ඉන්ටලයිඩ් රාමු මුල්ම අන්තර්ජාල Explorer සඳහා නිර්මාණය කරන ලද අතර, එතැන් සිට HTML පිරිවිතරයේ කොටසක් බවට පත් විය.
- Internet Explorer 6.0 අමතර ඉඩක් එකතු කරයි (a
) එක් එක් (දිගු) රේඛාව මත සියලු දේ div ලියවිල්ලට ලියන්නේ නම්, අවට ඇති ටැගයන් වටා ඇති. (IE 6 මෙන්ම තවත් බොහෝ quirks ද තිබේ.) - Netscpe 4.7 නිවැරදි HTML හි ලිවූ අකුරු නොපෙන්වයි. එය හිස් පිටුවක් පෙන්වනු ඇත. මෙය Netscape 6 හි නිශ්චය කර ඇත.
බ්රව්සරයේ සංවර්ධකයින් හට ඇති ගැටළුව වන්නේ පැරණි වෙබ් බ්රවුසර සඳහා සාදන වෙබ් අඩවි සමඟ පිටු ගැලපෙන වෙබ් බ්රව්සර නිර්මාණය කිරීමයි. මෙම ගැටළුව සම්බන්ධයෙන් කටයුතු කිරීම සඳහා බ්රවුසර්කරුවන් විසින් බ්රවුසරයන් ක්රියාත්මක කිරීමට මෝස්තර නිර්මාණය කර ඇත. මෙම ආකෘතීන් නිර්ණය හෝ DOCTYPE මූලද්රව්යයක් නොමැතිවීම සහ එම DOCTYPE ඇමතුම් මගින් නිශ්චය කර ඇත.
DOCTYPE ස්විච් කිරීම සහ "Quirks මාදිලිය"
පහත දැක්වෙන DOCTYPE ඔබ ඔබේ වෙබ් පිටුවෙහි තබන්නේ නම්:
නවීන බ්රව්සරයන් (Android 1+, Chrome 1+, IE 6+, iOS 1+, ෆයර්ෆොක්ස් 1+, නෙට්ස්කේජ් 6+, ඔපෙරා 6+, සෆාරි 1+) මෙය අර්ථ දැක්වෙනු ඇත:
- නිවැරදිව ලියා ඇති DOCTYPE නිසා මෙමඟින් සම්මත ප්රකාරය ක්රියාත්මක වේ.
- එය HTML 4.01 සංක්රාමික ලේඛනයකි
- එය සම්මත ප්රකාරයේ බැවින්, බොහෝ බ්රව්සර් අන්තර්ගත HTML අනුකූල (හෝ බොහෝ විට ගැලපෙන) HTML 4.01 සංක්රමනීය වේ
ඔබ ඔබේ ලේඛනයේ මෙම DOCTYPE දැමුවේ නම්:
මෙය ඔබේ HTML 4.01 පිටුව පෙන්වීමට අවශ්ය නවීන බ්රව්සර් වලට DTD සමග දැඩි ලෙස අනුකූල වේ.
මෙම වෙබ් බ්රවුසරයන් "දැඩි" හෝ "ප්රමිති" ආකාරයකට යවනු ලබන අතර එම පිටුව ප්රමිතීන්ට අනුකූල වේ. (එබැවින්, මෙම ලේඛනය සඳහා, FONT අංගය HTML 4.01 දැඩි ලෙස අහෝසි කර ඇති පරිදි, බ්රවුසරය විසින් සම්පූර්ණයෙන්ම නොසලකා හරින ලද ටැග් වලින් ඉවත් කර ඇත.)
ඔබ DOCTYPE සම්පූර්ණයෙන්ම ඉවත් කර ඇත්නම්, බ්රවුසරය ස්වයංක්රීයව කිවේය.
විවිධ පොදු DOCTYPE ප්රකාශයන් ඉදිරිපත් කරන විට සාමාන්ය බ්රව්සරයන් කරන්නේ කුමක්දැයි පහත වගුවේ දැක්වේ.
මයික්රොසොෆ්ට් වඩාත් අපහසු වේ
DOCTYPE ප්රකාශයට ඉහලින් ඕනෑම දෙයක් තැබූ විට, Internet Explorer 6 හි විශේෂාංගයද, ඔවුන් කිර්ක්ස් ප්රකාරයට යවනු ඇත. එමනිසා, මෙම උදාහරණ දෙකෙහිම, IE 6 හි විකිපීඩියා මාතෘකාව වෙත යොමු කරනු ඇත, DOCTYPE ප්රකාශයන් දැඩි ප්රමිති මාදිලියකින් කියනු ලැබේ:
සහ XHTML 1.1 DOCTYPE:
ප්ලස්, ඔබ IE6 පසු ගියහොත්, පසුව ඔබ IE8 සහ IE9 හි එකතු කරන ලද "විශේෂාංගය" ඇත: META මූල ද්රව්ය මාරුව සහ වෙබ් අඩවි කලු ලැයිස්තුගත කිරීම. ඇත්ත වශයෙන්ම, මෙම බ්රවුසර් අනුවාද දෙක දැන් (!) වෙනස් මාදිලි 7 ක් ඇත:
- IE 5.5 quirks මාතය (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 8 විසින් "අනුරූප ප්රකාරය" හදුන්වා දෙනු ලැබුවේ පරිශීලකයා විසින් IE 7 මෝස්තරයට නැවත දර්ශණ ආකෘතිය වෙනස් කිරීමට තෝරාගත හැක. එබැවින් ඔබ DOCTYPE සහ META මූලද්රව්ය දෙකම භාවිතා කිරීම සඳහා ඔබ විසින් සැකසීමට අවශ්ය ප්රකාරය සකසා ඇත්නම්, ඔබගේ පිටුව තවමත් අඩු ප්රමිති අනුකූල ආකාරයකට තල්ලු කරගත හැකිය.
Quirks මාදිලිය යනු කුමක්ද?
Quirks මාදිලිය නිර්මාණය කරන ලද්දේ සියලු අමුතු දැක්මක් සහිතව සහ නොගැලපෙන බ්රවුසර් සහ වෙබ් අඩවි නිර්මාණකරුවන් එම දේවල් සමඟ ගනුදෙනු කිරීමට භාවිතා කරන ව්යාජයන් සමඟ කටයුතු කිරීමටයි. බ්රවුසර නිෂ්පාදකයින් සැලකිලිමත් වූයේ ඔවුන්ගේ සම්පූර්ණ වෙබ් බ්රවුසරය පිරික්සීමට නම්, වෙබ් නිර්මාණකරුවන්ට ඉතිරි වනු ඇත.
DOCTYPE මාරුකිරීම් සහ "Quirks මාතය" සැකසීම මගින් වෙබ් බ්රවුසරයේ වෙබ් බ්රවුසරය ඔවුන්ගේ වෙබ්පිටුව ඉදිරිපත් කිරීමට අවශ්ය විය යුතු ආකාරය තෝරා ගැනීමට ඉඩ සැලසීය.
Quirks මාදිලියේ ආචරණ
බොහෝ බ්රව්සරයන් ක්වික්ක්ස් මාදිලියේ භාවිතා කරන බලපෑම් කිහිපයක් තිබේ:
- සමහර බ්රවුසර් වලදී, ආකෘතියේ ආකෘතියේ විචල්ය මාදිලියේ කොටු ආකෘතියේ IE 5.5 අනුවාදය වෙනස් වේ.
- ඇතැම් වෙබ් බ්රවුසර වලට වගු ලබා ගත නොහැක
- Quirks මාදිලිය වින්යාස ප්රකාරයෙන් පිටු ප්රකරණ ආකාරයෙන් පිටු පරිවර්තනය කිරීමෙන් සීඑස්එස් සහ CSS ආකෘතිය බලපානු ඇත. ඔබේ CSS පිරිසැලසුම පරීක්ෂා කිරීම සහ විස්තාරනය කිරීම විශ්ලේෂණය කිරීමට වග බලා ගන්න.
- වින්යාස ක්රමය තුළදී පිටපත් කිරීම සඳහා වෙනස්කම් සඳහා මුරපදය බලන්න. උදාහරණයක් ලෙස ෆැෂන් ෆේස්බුක් ක්රියා කරන ආකාරය ෆයර්ෆොක්ස් වෙනස් කරයි. IE8 සහ IE9 quirks මාදිලියේ අක්ෂර වින්යාසය සඳහා ඉතා නාටකාකාර වෙනස්කම් ඇත.
"ප්රමිත සම්මත මාදිලියේ" වෙනසක් ද තිබේ.
- ඇතුලත පමණක් ඇති රූප සහිත සෛල සෛලවල ප්රමිති මාදිලියේ වෙනස්ව ගණනය කෙරේ.
DOCTYPE තෝරා ගන්නේ කෙසේද?
මගේ ලිපියේ ඩොක්ටෙප් ලැයිස්තුවේ වැඩි විස්තර සඳහා යන්න, නමුත් මෙහි පහත දැක්වෙන පොදු නීති:
- සෑම විටම සම්මත ප්රමිති තෝරා ගන්න. ඔබ භාවිතා කළ යුතු වර්තමාන ප්රමිතිය HTML5 වේ: HTML5 DOCTYPE භාවිතා කිරීම වැළැක්වීම සඳහා ඔබට නිශ්චිත හේතුවක් නොමැතිනම්, ඔබ භාවිතා කළ යුත්තේ මෙයයි.
- ඔබට පැරණි අංග සනාථ කිරීමට අවශ්ය නම් හෝ කිසියම් හේතුවක් මත නව විශේෂාංග මඟහැරීමට අවශ්ය නම් HTML 4.01 වෙත යන්න.
- ඔබට මේසය මත පින්තූර කපා ඇති අතර ඒවා නිවැරදි කිරීමට අවශ්ය නොවන්නේ නම්, පරිවර්තන HTML 4.01:
- පිටු විචිත්ර ලෙස ලියන්න එපා. සැමවිටම DOCTYPE භාවිතා කරන්න. මෙය අනාගතයේ දී සංවර්ධන කාලය තුළ ඔබට ඉතිරි වනු ඇත, සැබවින්ම කිසිදු ප්රයෝජනයක් නැත. IE6 වේගයෙන් ජනප්රියත්වය අහිමි වන අතර මෙම බ්රවුසරය සඳහා නිර්මාණය කිරීම මගින් (ඔබ කුමන ආකාරයෙන් නිර්මාණය කර ඇත්තේ කුමන ආකාරයේ නිර්මාණයක්ද යන්න) ඔබ ඔබම, ඔබේ පාඨකයින් සහ ඔබේ පිටු සීමා කර ඇත. ඔබ IE 6 හෝ 7 සඳහා ලිවිය යුතු නම්, නූතන බ්රවුසර් විභිජක මාදිලි වෙතට හැරවීම වෙනුවට, ඒවාට සහාය දීම සඳහා කොන්දේසි සහිත අදහස් දැක්වීම් භාවිතා කරන්න.
ඇයි DOCTYPE භාවිතා කරන්න
DOCTYPE ස්විච්පන්නය මෙම ආකාරයේ දැනුවත්වීමෙන් පසුව, ඔබේ වෙබ් පිටුවෙන් අපේක්ෂා කළ හැකි දේ DOCTYPE භාවිතා කිරීමෙන් ඔබේ වෙබ් පිටු වඩා කෙලින්ම බලපාන්න පුළුවන්. එසේම, ඔබ DOCTYPE භාවිතා කරන විට, ඔබ වලංගු බවට සමීප වන HTML එකක් ලිවීම (ඔබ තවමත් එය වලංගු කළ යුතුය). වලංගු XHTML ලිවීම මගින්, බ්රවුසර් නිර්මාණකරුවන්ට ප්රමිති අනුකූල බ්රව්සර් තැනීමට ඔබ දිරිගන්වයි.
බ්රවුසර් අනුවාදයන් සහ Quirks මාදිලිය
DOCTYPE | ඇන්ඩ්රොයිඩ් Chrome Firefox IE 8+ iOS ඔපෙරා 7.5+ සෆාරි | IE 6 IE 7 ඔපෙරා 7 | නෙට්ස්කේප් 6 |
---|---|---|---|
නැත | Quirks මාදිලිය | Quirks මාදිලිය | Quirks මාදිලිය |
HTML 3.2 | |||
Quirks මාදිලිය | Quirks මාදිලිය | Quirks මාදිලිය | |
HTML 4.01 | |||
සංක්රමනීය | ප්රමිති මාදිලිය * | ප්රමිති මාදිලිය * | සම්මත ප්රමිති |
සංක්රමනීය | Quirks මාදිලිය | Quirks මාදිලිය | Quirks මාදිලිය |
දැඩි විය | සම්මත ප්රමිති | ප්රමිති මාදිලිය * | සම්මත ප්රමිති |
දැඩි විය | සම්මත ප්රමිති | ප්රමිති මාදිලිය * | සම්මත ප්රමිති |
HTML5 | |||
සම්මත ප්රමිති | ප්රමිති මාදිලිය * | Quirks මාදිලිය | |
* මෙම DOCTYPE සමඟ බ්රවුසරය ප්රමිතිවලට අනුකූල වන නමුත් ගැටළු කිහිපයක් තිබේ නම් පරීක්ෂා කිරීමට වග බලා ගන්න. මෙය "ආසන්න ප්රමිති මාදිලිය" ලෙසද හැඳින්වේ. |