Режим ÑовмеÑÑимоÑÑи (Quirks Mode) и ÑÑандаÑÑнÑй Ñежим (Standards Mode)
Ð Ñамом наÑале веба ÑÑÑаниÑÑ Ð¾Ð±ÑÑно пиÑалиÑÑ Ð² двÑÑ Ð²ÐµÑÑиÑÑ : одна Ð´Ð»Ñ Ð±ÑаÑзеÑа Netscape Navigator, дÑÑÐ³Ð°Ñ Ð´Ð»Ñ Ð±ÑаÑзеÑа Microsoft Internet Explorer. Ðогда W3C бÑли ÑÐ¾Ð·Ð´Ð°Ð½Ñ Ð½Ð¾Ð²Ñе веб ÑÑандаÑÑÑ, бÑаÑзеÑÑ Ð½Ðµ могли Ð¸Ñ ÑÑÐ°Ð·Ñ Ð¸ÑполÑзоваÑÑ, Ñак как ÑÑо могло пÑивеÑÑи к некоÑÑекÑÐ½Ð¾Ð¼Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð±Ð¾Ð»ÑÑинÑÑва ÑÑÑеÑÑвÑÑÑÐ¸Ñ ÑайÑов. ÐÐ»Ñ Ð¿ÑавилÑного оÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑÑÑаÑевÑÐ¸Ñ ÑайÑов и ÑайÑов, поддеÑживаÑÑÐ¸Ñ Ð½Ð¾Ð²Ñе ÑÑандаÑÑÑ, бÑаÑзеÑами бÑли ÑазÑабоÑÐ°Ð½Ñ Ð´Ð²Ð° Ñежима оÑобÑажениÑ.
Ðа ÑегоднÑÑний Ð´ÐµÐ½Ñ ÑÑÑеÑÑвÑÐµÑ ÑÑи Ñежима оÑобÑажениÑ, коÑоÑÑе иÑполÑзÑÑÑÑÑ Ð´Ð²Ð¸Ð¶ÐºÐ°Ð¼Ð¸ ÑазмеÑки (layout engines) бÑаÑзеÑов: Ñежим ÑовмеÑÑимоÑÑи (quirks mode), ÑаÑÑиÑно ÑÑандаÑÑнÑй Ñежим (almost standards mode) и ÑÑандаÑÑнÑй Ñежим (full standards mode). Ð Ñежиме ÑовмеÑÑимоÑÑи (quirks mode), ÑазмеÑка ÑмÑлиÑÑÐµÑ Ð½ÐµÑÑандаÑÑное поведение бÑаÑзеÑов Navigator 4 и Internet Explorer 5. ÐÑÐ¾Ñ Ñежим Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼ Ð´Ð»Ñ Ð¿Ð¾Ð´Ð´ÐµÑжки ÑайÑов, ÑозданнÑÑ Ð´Ð¾ наÑала ÑиÑокого пÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð²ÐµÐ± ÑÑандаÑÑов. Ð ÑÑандаÑÑном Ñежиме (full standards mode) поведение бÑаÑзеÑа ÑооÑвеÑÑÑвÑÐµÑ (бÑдем надеÑÑÑÑÑ) опиÑÐ°Ð½Ð½Ð¾Ð¼Ñ Ð² ÑпеÑиÑикаÑиÑÑ HTML и CSS. Ð ÑаÑÑиÑно ÑÑандаÑÑном Ñежиме (almost standards mode) Ñеализовано лиÑÑ Ð½ÐµÐ·Ð½Ð°ÑиÑелÑное колиÑеÑÑво Ñак назÑваемÑÑ "ÑÑÑанноÑÑей" (quirks).
Ðак бÑаÑзеÑÑ Ð¿Ð¾Ð½Ð¸Ð¼Ð°ÑÑ, какой Ñежим иÑполÑзоваÑÑ?
ÐÑаÑзеÑÑ Ð¸ÑполÑзÑÑÑ Ñег DOCTYPE, ÑÑÐ¾Ð±Ñ Ð¾Ð¿ÑеделиÑÑ Ð² каком Ñежиме обÑабаÑÑваÑÑ Ð´Ð¾ÐºÑменÑ. ÐÐ»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑÑÑаниÑÑ Ð² ÑÑандаÑÑном Ñежиме Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ добавиÑÑ Ñег DOCTYPE в HTML-код ÑÑÑаниÑÑ ÐºÐ°Ðº показано в пÑимеÑе ниже:
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World!</title>
</head>
<body></body>
</html>
Тег DOCTYPE, ÑказаннÑй в пÑимеÑе, - <!DOCTYPE html> - ÑамÑй пÑоÑÑой ÑпоÑоб обеÑпеÑиÑÑ ÑÑандаÑÑнÑй Ñежим оÑобÑажениÑ; иÑполÑзование ÑÑого Ñега Ñекомендовано ÑÑандаÑÑом HTML5. ÐÐ»Ñ Ð¿ÑедÑдÑÑиÑ
веÑÑий HTML ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð¾Ð²Ð°Ð½Ñ Ð´ÑÑгие ваÑианÑÑ, но вÑе ÑÑÑеÑÑвÑÑÑие на ÑекÑÑий Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð±ÑаÑзеÑÑ Ð¸ÑполÑзÑÑÑ Ñакой Ñег DOCTYPE Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑÑÑаниÑÑ Ð² ÑÑандаÑÑном Ñежиме, даже Internet Explorer 6. Ðа ÑегоднÑÑний Ð´ÐµÐ½Ñ Ð½Ðµ ÑÑÑеÑÑвÑÐµÑ Ð²ÐµÑкиÑ
пÑиÑин Ð´Ð»Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð±Ð¾Ð»ÐµÐµ Ñложного Ñега DOCTYPE. ÐÑполÑзование какого-либо дÑÑгого Ñега DOCTYPE Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑивеÑÑи к пеÑеклÑÑÐµÐ½Ð¸Ñ Ð±ÑаÑзеÑа в ÑаÑÑиÑно ÑÑандаÑÑнÑй Ñежим оÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ в Ñежим ÑовмеÑÑимоÑÑи.
ÐÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ ÑдоÑÑовеÑиÑÑÑÑ, ÑÑо Ñег DOCTYPE Ð½Ð°Ñ Ð¾Ð´Ð¸ÑÑÑ Ð² Ñамом наÑале HTML докÑменÑа. ÐÑли на ÑÑÑаниÑе бÑÐ´ÐµÑ ÑÑо-либо до Ñега DOCTYPE, напÑимеÑ, комменÑаÑий или деклаÑиÑование XML, Ñо бÑаÑзеÑÑ Internet Explorer 9 и вÑÑе бÑдÑÑ Ð¿ÐµÑÐµÐ²ÐµÐ´ÐµÐ½Ñ Ð² Ñежим ÑовмеÑÑимоÑÑи.
Ð ÑÑандаÑÑе HTML5 Ñег DOCTYPE иÑполÑзÑеÑÑÑ Ð¸ÑклÑÑиÑелÑно Ð´Ð»Ñ Ð°ÐºÑиваÑии ÑÑандаÑÑного Ñежима оÑобÑажениÑ. ÐÑедÑдÑÑие веÑÑии HTML пÑидавали дополниÑелÑное знаÑение иÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ñега DOCTYPE, но бÑаÑзеÑÑ Ð¸ÑполÑзовали Ñег DOCTYPE иÑклÑÑиÑелÑно Ð´Ð»Ñ Ð¿ÐµÑеклÑÑÐµÐ½Ð¸Ñ Ð¼ÐµÐ¶Ð´Ñ Ñежимом ÑовмеÑÑимоÑÑи и ÑÑандаÑÑнÑм Ñежимом.
СмоÑÑиÑе Ñакже деÑалÑное опиÑание Ñого, как ÑазнÑе бÑаÑзеÑÑ Ð²ÑбиÑаÑÑ ÑежимÑ.
XHTML
ÐÑли ÑÑÑаниÑа напиÑана в XHTML ÑоÑмаÑе Ñ Ñказанием Ñипа MIME application/xhtml+xml в заголовке Content-Type, Ñо не нÑжно ÑказÑваÑÑ DOCTYPE Ð´Ð»Ñ Ð°ÐºÑиваÑии ÑÑандаÑÑного Ñежима, Ñак как подобнÑе докÑменÑÑ Ð²Ñегда оÑобÑажаÑÑÑÑ Ð² ÑÑандаÑÑном Ñежиме. Ðажно имеÑÑ Ð² видÑ, ÑÑо Internet Explorer 8 вмеÑÑо конÑенÑа Ñакой ÑÑÑаниÑÑ Ð¾ÑобÑÐ°Ð¶Ð°ÐµÑ Ð´Ð¸Ð°Ð»Ð¾Ð³Ð¾Ð²Ð¾Ðµ окно загÑÑзки как Ð´Ð»Ñ Ð½ÐµÐ¸Ð·Ð²ÐµÑÑного ÑоÑмаÑа, поÑколÑÐºÑ Ð¿Ð¾Ð´Ð´ÐµÑжка XHTML Ñеализована в Internet Explorer, наÑÐ¸Ð½Ð°Ñ Ñ 9 веÑÑии.
ÐÑли ÑÑÑаниÑа напиÑана в XHTML ÑоÑмаÑе Ñ Ð¸ÑполÑзованием Ñипа MIME text/html, бÑаÑÐ·ÐµÑ Ð±ÑÐ´ÐµÑ Ð¸Ð½ÑеÑпÑеÑиÑоваÑÑ ÐµÐ³Ð¾ как HTML, поÑÑÐ¾Ð¼Ñ Ð´Ð»Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð±ÑаÑзеÑом ÑÑандаÑÑного Ñежима оÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð½ÐµÐ¾Ð±Ñ
одимо ÑказаÑÑ Ñег DOCTYPE.
Ðак ÑзнаÑÑ, какой Ñежим иÑполÑзÑеÑÑÑ?
ÐÑли ÑÑÑаниÑа оÑобÑажаеÑÑÑ Ð² Ñежиме ÑовмеÑÑимоÑÑи или огÑаниÑенном Ñежиме, Firefox вÑÐ²ÐµÐ´ÐµÑ ÑообÑение об ÑÑом в конÑÐ¾Ð»Ñ Ð² инÑÑÑÑменÑÐ°Ñ ÑазÑабоÑÑика. ÐÑли Ñакого пÑедÑпÑÐµÐ¶Ð´ÐµÐ½Ð¸Ñ Ð½ÐµÑ, Ñо Firefox иÑполÑзÑÐµÑ Ð¾Ð±ÑÑнÑй Ñежим.
ÐнаÑение document.compatMode в JavaScript показÑваеÑ, оÑобÑажаеÑÑÑ Ð»Ð¸ докÑÐ¼ÐµÐ½Ñ Ð² Ñежиме ÑовмеÑÑимоÑÑи. ÐÑли знаÑение Ñавно "BackCompat", знаÑÐ¸Ñ Ð´Ð¾ÐºÑÐ¼ÐµÐ½Ñ Ð² Ñежиме ÑовмеÑÑимоÑÑи. РпÑоÑивном ÑлÑÑае знаÑение бÑÐ´ÐµÑ Ñавно "CSS1Compat".