Advertisement
uwekeim

Workflow diagram for determining IE9’s Document Mode

Dec 8th, 2013
351
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 25.77 KB | None | 0 0
  1. <!-- See http://imgur.com/iqb3RsF for a rendered image -->
  2.  
  3. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  4. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
  5. <!-- Generated by Microsoft Visio 11.0, SVG Export, v1.0 How IE9 Determines Document Mode.vsd.svg Page-1 -->
  6.  
  7. <!-- SVG fragment cleaned by CleanSVG on 6/17/2010 10:05:20 AM -->
  8. <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="12in" height="21in" viewBox="0 0 864 1512" xml:space="preserve" color-interpolation-filters="sRGB" class="st18">
  9. <style type="text/css">
  10. /*<![CDATA[*/
  11. .st1 { fill: #e8eef7; }
  12. .st2 { stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.24px; }
  13. .st3 { fill: #000000; font-family: Arial; font-size: 0.667em; }
  14. .st4 { fill: #e8eef7; stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.24px; }
  15. .st5 { font-size: 1em; }
  16. .st6 { font-size: 1em; font-style: italic; }
  17. .st7 { marker-end: url(#mrkr4-44); stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.24px; }
  18. .st8 { fill: #000000; fill-opacity: 1; stroke: #000000; stroke-opacity: 1; stroke-width: 0.087px; }
  19. .st9 { fill: #ffffff; stroke: none; stroke-linecap: butt; stroke-width: 7.2px; }
  20. .st10 { marker-end: url(#mrkr4-69); stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.72px; }
  21. .st11 { fill: #000000; fill-opacity: 1; stroke: #000000; stroke-opacity: 1; stroke-width: 0.222px; }
  22. .st12 { font-size: 1em; font-weight: bold; }
  23. .st13 { fill: none; stroke: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.24px; }
  24. .st14 { fill: #000000; font-family: Arial; font-size: 1.5em; font-weight: bold; }
  25. .st15 { fill: none; stroke: #000000; stroke-dasharray: 5.04,3.6; stroke-linecap: round; stroke-linejoin: round; stroke-opacity: 0.5; stroke-width: 0.72px; }
  26. .st16 { fill: none; stroke: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.72px; }
  27. .st17 { fill: #000000; font-family: Arial; font-size: 1em; font-weight: bold; }
  28. .st18 { fill: none; fill-rule: evenodd; font-size: 12px; overflow: visible; stroke-linecap: square; stroke-miterlimit: 3; }
  29. /*]]>*/
  30. </style>
  31. <style type="text/css">
  32. /*<![CDATA[*/
  33. .c0 { stroke: none; }
  34. .c1 { overflow: visible; }
  35. /*]]>*/
  36. </style>
  37. <defs>
  38. <g id="lend4">
  39. <polyline points="2,1 -0,0 2,-1 2,1" class="c0" />
  40. </g>
  41. <marker class="c1 st8" id="mrkr4-44" refX="-23" orient="auto" markerUnits="strokeWidth">
  42. <use xlink:href="#lend4" transform="scale(-11.5,-11.5) " />
  43. </marker>
  44. <marker class="c1 st11" id="mrkr4-69" refX="-9" orient="auto" markerUnits="strokeWidth">
  45. <use xlink:href="#lend4" transform="scale(-4.5,-4.5) " />
  46. </marker>
  47. </defs>
  48. <g transform="translate(45.4688,-1441.13)">
  49. <polygon points="0,1512 72,1512 72,1469.25 0,1469.25 0,1512" class="st1" />
  50. <polyline points="0,1512 72,1512 72,1469.25 0,1469.25 0,1512" class="st2" />
  51. <line x1="9" y1="1512" x2="9" y2="1469.25" class="st2" />
  52. <line x1="63" y1="1512" x2="63" y2="1469.25" class="st2" />
  53. <text x="17.1" y="1493.02" class="st3">Navigation</text>
  54. </g>
  55. <g transform="translate(45.375,-1370.25)">
  56. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  57. <text x="17.77" y="1477.8" class="st3">Developer <tspan x="26.22" dy="1.2em" class="st5">Tools</tspan>
  58. <tspan x="20.66" dy="1.2em" class="st5">Override</tspan>
  59. </text>
  60. </g>
  61. <g transform="translate(153,-1370.25)">
  62. <rect x="0" y="1458" width="72" height="54" class="st4" />
  63. <text x="8.65" y="1477.8" class="st3">Switch to Mode <tspan x="6.43" dy="1.2em" class="st5">indicated by Dev</tspan>
  64. <tspan x="26.22" dy="1.2em" class="st5">Tools</tspan>
  65.  
  66. </text>
  67. </g>
  68. <g transform="translate(260.719,-1383.75)">
  69. <path d="M13.5 1512L58.5 1512A13.5 13.5 -180 0 0 58.5 1485L13.5 1485A13.5 13.5 -180 1 0 13.5 1512Z" class="st4" />
  70. <text x="28.88" y="1500.9" class="st3">End</text>
  71. </g>
  72. <g transform="translate(44.8125,-457.875)">
  73. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  74. <text x="12.22" y="1477.8" class="st3">Is “Display all <tspan x="8.43" dy="1.2em" class="st5">sites in Compat</tspan>
  75. <tspan x="17.33" dy="1.2em" class="st5">View</tspan>” set?</text>
  76. </g>
  77. <g transform="translate(44.8125,-376.875)">
  78. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  79. <text x="23.33" y="1473.01" class="st3">Is <tspan class="st6">User</tspan>
  80. <tspan x="13.1" dy="1.201em" class="st5">Compatibility</tspan>
  81. <tspan x="19.99" dy="1.2em" class="st5">View List</tspan>
  82. <tspan x="19.1" dy="1.2em" class="st5">Enabled</tspan>? </text>
  83. </g>
  84. <g transform="translate(44.8125,-291.375)">
  85. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  86. <text x="25.78" y="1473.01" class="st3">Is <tspan class="st6">MS</tspan>
  87. <tspan x="13.1" dy="1.201em" class="st5">Compatibility</tspan>
  88. <tspan x="19.99" dy="1.2em" class="st5">View List</tspan>
  89. <tspan x="19.1" dy="1.2em" class="st5">Enabled</tspan>? </text>
  90. </g>
  91. <g transform="translate(117.375,-1388.25)">
  92. <line x1="0" y1="1503" x2="30.1" y2="1503" class="st7" />
  93. <rect x="10.92" y="1498.2" width="13.785" height="9.6" class="st9" />
  94. <text x="10.92" y="1505.4" class="st3">Yes</text>
  95. </g>
  96. <g transform="translate(225,-1388.25)">
  97. <line x1="0" y1="1503" x2="30.2" y2="1503" class="st7" />
  98. </g>
  99. <g transform="translate(90.4219,-1441.69)">
  100. <polyline points="-8.95,1512.56 -8.95,1521.78 -9.05,1521.78 -9.05,1523.92" class="st7" />
  101. </g>
  102. <g transform="translate(71.8125,-457.875)">
  103. <line x1="9" y1="1512" x2="9" y2="1533.48" class="st7" />
  104. <rect x="3.887" y="1520.7" width="10.227" height="9.6" class="st9" />
  105. <text x="3.89" y="1527.9" class="st3">No</text>
  106. </g>
  107. <g transform="translate(71.8125,-376.875)">
  108. <line x1="9" y1="1512" x2="9" y2="1537.02" class="st10" />
  109. <rect x="3.887" y="1522.95" width="10.227" height="9.6" class="st9" />
  110. <text x="3.89" y="1530.15" class="st3">No</text>
  111. </g>
  112. <g transform="translate(152.813,-376.875)">
  113. <rect x="0" y="1458" width="72" height="54" class="st4" />
  114. <text x="12.22" y="1477.8" class="st3">Check User’s <tspan x="3.32" dy="1.2em" class="st5">Compatibility View</tspan>
  115. <tspan x="29.78" dy="1.2em" class="st5">List</tspan>
  116. </text>
  117. </g>
  118. <g transform="translate(265.313,-291.375)">
  119. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  120. <text x="10.43" y="1487.4" class="st3">Match Found?</text>
  121. </g>
  122. <g transform="translate(265.313,-376.875)">
  123. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  124. <text x="10.43" y="1487.4" class="st3">Match Found?</text>
  125. </g>
  126. <g transform="translate(116.813,-394.875)">
  127. <line x1="0" y1="1503" x2="30.48" y2="1503" class="st7" />
  128. <rect x="11.108" y="1498.2" width="13.785" height="9.6" class="st9" />
  129. <text x="11.11" y="1505.4" class="st3">Yes</text>
  130. </g>
  131. <g transform="translate(224.813,-394.875)">
  132. <line x1="0" y1="1503" x2="34.98" y2="1503" class="st7" />
  133. </g>
  134. <g transform="translate(301.313,-381.375)">
  135. <polyline points="0,1516.5 0,1525.5 -214.42,1525.5" class="st7" />
  136. <rect x="-110.582" y="1520.7" width="10.227" height="9.6" class="st9" />
  137. <text x="-110.58" y="1527.9" class="st3">No</text>
  138. </g>
  139. <g transform="translate(44.7188,-193.312)">
  140. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  141. <text x="17.33" y="1473" class="st3">Is “Display <tspan x="9.1" dy="1.2em" class="st5">intranet sites in</tspan>
  142. <tspan x="10.88" dy="1.2em" class="st5">Compat View</tspan><tspan x="28.44" dy="1.2em" class="st5">set</tspan>?</text>
  143. </g>
  144. <g transform="translate(152.719,-193.312)">
  145. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  146. <text x="11.32" y="1482.6" class="st3">Is webpage in <tspan x="9.98" dy="1.2em" class="st5">Intranet Zone</tspan>?</text>
  147. </g>
  148. <g transform="translate(152.813,-291.375)">
  149. <rect x="0" y="1458" width="72" height="54" class="st4" />
  150. <text x="17.55" y="1477.8" class="st3">Check MS <tspan x="3.32" dy="1.2em" class="st5">Compatibility View</tspan>
  151. <tspan x="29.78" dy="1.2em" class="st5">List</tspan>
  152. </text>
  153. </g>
  154. <g transform="translate(116.813,-309.375)">
  155. <line x1="0" y1="1503" x2="30.48" y2="1503" class="st7" />
  156. </g>
  157. <g transform="translate(224.813,-309.375)">
  158. <line x1="0" y1="1503" x2="34.98" y2="1503" class="st7" />
  159. </g>
  160. <g transform="translate(301.313,-294.75)">
  161. <polyline points="0,1515.37 0,1526.62 -214.42,1526.62" class="st7" />
  162. <rect x="-109.457" y="1521.83" width="10.227" height="9.6" class="st9" />
  163. <text x="-109.46" y="1529.03" class="st3">No</text>
  164. </g>
  165. <g transform="translate(89.7656,-291.375)">
  166. <polyline points="-8.95,1512 -8.95,1530 -9.05,1530 -9.05,1550.54" class="st7" />
  167. <rect x="-14.16" y="1529.18" width="10.227" height="9.6" class="st9" />
  168. <text x="-14.16" y="1536.38" class="st3">No</text>
  169. </g>
  170. <g transform="translate(116.719,-211.312)">
  171. <line x1="0" y1="1503" x2="30.48" y2="1503" class="st7" />
  172. <rect x="11.108" y="1498.2" width="13.785" height="9.6" class="st9" />
  173. <text x="11.11" y="1505.4" class="st3">Yes</text>
  174. </g>
  175. <g transform="translate(347.625,-193.313)">
  176. <rect x="0" y="1458" width="72" height="54" class="st4" />
  177. <text x="21.33" y="1482.6" class="st3">Treat as <tspan x="14.44" dy="1.2em" class="st12">EmulateIE</tspan>
  178. <tspan class="st12">7</tspan>
  179. </text>
  180. </g>
  181. <g transform="translate(337.313,-394.875)">
  182. <line x1="0" y1="1503" x2="40.79" y2="1503" class="st7" />
  183. <rect x="16.264" y="1498.2" width="13.785" height="9.6" class="st9" />
  184. <text x="16.26" y="1505.4" class="st3">Yes</text>
  185. </g>
  186. <g transform="translate(116.813,-484.875)">
  187. <polyline points="0,1512 266.81,1512 266.81,1744.04" class="st7" />
  188. <rect x="169.822" y="1507.2" width="13.785" height="9.6" class="st9" />
  189. <text x="169.82" y="1514.4" class="st3">Yes</text>
  190. </g>
  191. <g transform="translate(337.313,-309.375)">
  192. <line x1="0" y1="1503" x2="40.79" y2="1503" class="st7" />
  193. <rect x="16.264" y="1498.2" width="13.785" height="9.6" class="st9" />
  194. <text x="16.26" y="1505.4" class="st3">Yes</text>
  195. </g>
  196. <g transform="translate(224.719,-211.312)">
  197. <line x1="0" y1="1503" x2="117.39" y2="1503" class="st7" />
  198. <rect x="54.561" y="1498.2" width="13.785" height="9.6" class="st9" />
  199. <text x="54.56" y="1505.4" class="st3">Yes</text>
  200. </g>
  201. <g transform="translate(225.516,-1437.75)">
  202. <rect x="0" y="1458" width="395.438" height="54" class="st13" />
  203. <text x="49.2" y="1490.4" class="st14">Determining IE9’s Document Mode</text>
  204. </g>
  205. <g transform="translate(44.7188,-1130.63)">
  206. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  207. <text x="8.65" y="1477.8" class="st3">&lt;Meta&gt; Tag for <tspan x="25.11" dy="1.2em" class="st5">X</tspan>-UA-<tspan x="15.77" dy="1.2em" class="st5">Compatible</tspan>
  208. </text>
  209. </g>
  210. <g transform="translate(44.7188,-1054.31)">
  211. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  212. <text x="25.56" y="1473" class="st3">HTTP <tspan x="17.99" dy="1.2em" class="st5">Response</tspan>
  213. <tspan x="11.99" dy="1.2em" class="st5">Header for X</tspan>-<tspan x="8.88" dy="1.2em" class="st5">UA</tspan>-Compatible</text>
  214. </g>
  215. <g transform="translate(71.7188,-1130.63)">
  216. <line x1="9" y1="1512" x2="9" y2="1528.79" class="st7" />
  217. <rect x="3.887" y="1518.36" width="10.227" height="9.6" class="st9" />
  218. <text x="3.89" y="1525.56" class="st3">No</text>
  219. </g>
  220. <g transform="translate(116.719,-1148.63)">
  221. <line x1="0" y1="1503" x2="29.8" y2="1503" class="st10" />
  222. <rect x="11.248" y="1498.2" width="13.785" height="9.6" class="st9" />
  223. <text x="11.25" y="1505.4" class="st3">Yes</text>
  224. </g>
  225. <g transform="translate(111.797,-1081.31)">
  226. <polyline points="4.92,1512 13.08,1512 13.08,1441.21" class="st7" />
  227. <rect x="6.186" y="1473.12" width="13.785" height="9.6" class="st9" />
  228. <text x="6.19" y="1480.32" class="st3">Yes</text>
  229. </g>
  230. <g transform="translate(262.125,-1130.63)">
  231. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  232. <text x="19.32" y="1482.6" class="st3">Is there a <tspan x="8.66" dy="1.2em" class="st5">&lt;</tspan>!DOCTYPE&gt;?</text>
  233. </g>
  234. <g transform="translate(225,-1148.63)">
  235. <line x1="0" y1="1503" x2="30.64" y2="1503" class="st10" />
  236. <rect x="11.67" y="1498.2" width="13.785" height="9.6" class="st9" />
  237. <text x="11.67" y="1505.4" class="st3">Yes</text>
  238. </g>
  239. <g transform="translate(153,-1130.63)">
  240. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  241. <text x="15.54" y="1468.2" class="st3">Is the value<tspan x="8.32" dy="1.2em" class="st12">IE</tspan>
  242. <tspan class="st12">=</tspan>
  243. <tspan class="st12">EmulateIE</tspan>
  244. <tspan class="st12">9</tspan>
  245. <tspan x="8.32" dy="1.2em" class="st12">IE</tspan>
  246. <tspan class="st12">=</tspan>
  247. <tspan class="st12">EmulateIE</tspan>
  248. <tspan class="st12">8</tspan>
  249. <tspan x="32" dy="1.2em" class="st12">or</tspan>
  250. <tspan x="8.32" dy="1.2em" class="st12">IE</tspan>
  251. <tspan class="st12">=</tspan>
  252. <tspan class="st12">EmulateIE</tspan>
  253. <tspan class="st12">7</tspan>
  254. </text>
  255. </g>
  256. <g transform="translate(153,-1045.13)">
  257. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  258. <text x="15.54" y="1482.6" class="st3">Is the value<tspan x="25.44" dy="1.2em" class="st12">IE</tspan>
  259. <tspan class="st12">=</tspan>
  260. <tspan class="st12">5</tspan>?</text>
  261. </g>
  262. <g transform="translate(153,-961.875)">
  263. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  264. <text x="15.54" y="1482.6" class="st3">Is the value<tspan x="25.44" dy="1.2em" class="st12">IE</tspan>
  265. <tspan class="st12">=</tspan>
  266. <tspan class="st12">7</tspan>?</text>
  267. </g>
  268. <g transform="translate(153,-883.125)">
  269. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  270. <text x="15.54" y="1482.6" class="st3">Is the value<tspan x="25.44" dy="1.2em" class="st12">IE</tspan>
  271. <tspan class="st12">=</tspan>
  272. <tspan class="st12">8</tspan>?</text>
  273. </g>
  274. <g transform="translate(262.125,-961.875)">
  275. <rect x="0" y="1458" width="72" height="54" class="st4" />
  276. <text x="19.77" y="1477.8" class="st3">Switch to <tspan x="9.32" dy="1.2em" class="st12">IE</tspan>
  277. <tspan class="st12">7</tspan>
  278. <tspan class="st12">Standards</tspan>
  279. <tspan x="25.56" dy="1.2em" class="st12">Mode</tspan>
  280. </text>
  281. </g>
  282. <g transform="translate(262.125,-1045.13)">
  283. <rect x="0" y="1458" width="72" height="54" class="st4" />
  284. <text x="19.77" y="1482.6" class="st3">Switch to <tspan x="11.77" dy="1.2em" class="st12">Quirks Mode</tspan>
  285. </text>
  286. </g>
  287. <g transform="translate(225,-1063.13)">
  288. <line x1="0" y1="1503" x2="30.64" y2="1503" class="st10" />
  289. <rect x="11.67" y="1498.2" width="13.785" height="9.6" class="st9" />
  290. <text x="11.67" y="1505.4" class="st3">Yes</text>
  291. </g>
  292. <g transform="translate(225,-979.875)">
  293. <line x1="0" y1="1503" x2="31.6" y2="1503" class="st7" />
  294. <rect x="11.67" y="1498.2" width="13.785" height="9.6" class="st9" />
  295. <text x="11.67" y="1505.4" class="st3">Yes</text>
  296. </g>
  297. <g transform="translate(225,-901.125)">
  298. <line x1="0" y1="1503" x2="31.6" y2="1503" class="st7" />
  299. <rect x="11.67" y="1498.2" width="13.785" height="9.6" class="st9" />
  300. <text x="11.67" y="1505.4" class="st3">Yes</text>
  301. </g>
  302. <g transform="translate(289.125,-1130.63)">
  303. <line x1="9" y1="1512" x2="9" y2="1537.98" class="st7" />
  304. <rect x="3.887" y="1522.95" width="10.227" height="9.6" class="st9" />
  305. <text x="3.89" y="1530.15" class="st3">No</text>
  306. </g>
  307. <g transform="translate(189,-805.5)">
  308. <polyline points="0,1513.12 0,1528.87 -102.67,1528.87" class="st7" />
  309. <rect x="-62.488" y="1524.08" width="10.227" height="9.6" class="st9" />
  310. <text x="-62.49" y="1531.28" class="st3">No</text>
  311. </g>
  312. <g transform="translate(89.3438,-193.312)">
  313. <polyline points="-8.63,1512 -8.63,1530 -9.37,1530 -9.37,1535.54" class="st7" />
  314. <rect x="-13.738" y="1522.11" width="10.227" height="9.6" class="st9" />
  315. <text x="-13.74" y="1529.31" class="st3">No</text>
  316. </g>
  317. <g transform="translate(23.625,-178.875)">
  318. <polygon points="0,1512 801,1512 801,1179 0,1179 0,1512" class="st15" />
  319. </g>
  320. <g transform="translate(23.625,-275.813)">
  321. <rect x="0" y="1372.88" width="18" height="139.125" class="st16" />
  322. <text x="-1495.78" y="12.6" transform="rotate(-90)" class="st17">Compatibility View</text>
  323. </g>
  324. <g transform="translate(23.625,-720.469)">
  325. <rect x="0" y="1159.69" width="18" height="352.313" class="st16" />
  326. <text x="-1494.87" y="12.6" transform="rotate(-90)" class="st17">X-UA-Compatible Meta Tag and HTTP Response Header</text>
  327. </g>
  328. <g transform="translate(21.375,-1340.81)">
  329. <rect x="0" y="1425" width="36" height="87" class="st16" />
  330. <text x="-1508" y="14.4" transform="rotate(-90)" class="st17">Developer <tspan x="-1508" dy="1.2em" class="st5">Tools</tspan>
  331. </text>
  332. </g>
  333. <g transform="translate(23.625,-1341.56)">
  334. <polygon points="0,1512 801,1512 801,1426.5 0,1426.5 0,1512" class="st15" />
  335. </g>
  336. <g transform="translate(23.625,-511.875)">
  337. <polygon points="0,1512 801,1512 801,833.62 0,833.62 0,1512" class="st15" />
  338. </g>
  339. <g transform="translate(71.7656,-1054.31)">
  340. <polyline points="8.95,1512 8.95,1530 9.05,1530 9.05,2048.92" class="st7" />
  341. <rect x="5.246" y="1753.29" width="10.227" height="9.6" class="st9" />
  342. <text x="5.25" y="1760.49" class="st3">No</text>
  343. </g>
  344. <g transform="translate(180,-1130.63)">
  345. <line x1="9" y1="1512" x2="9" y2="1537.98" class="st7" />
  346. <rect x="3.887" y="1522.95" width="10.227" height="9.6" class="st9" />
  347. <text x="3.89" y="1530.15" class="st3">No</text>
  348. </g>
  349. <g transform="translate(180,-1045.13)">
  350. <line x1="9" y1="1512" x2="9" y2="1535.73" class="st7" />
  351. <rect x="3.887" y="1521.83" width="10.227" height="9.6" class="st9" />
  352. <text x="3.89" y="1529.03" class="st3">No</text>
  353. </g>
  354. <g transform="translate(180,-961.875)">
  355. <line x1="9" y1="1512" x2="9" y2="1531.23" class="st7" />
  356. <rect x="3.887" y="1519.58" width="10.227" height="9.6" class="st9" />
  357. <text x="3.89" y="1526.78" class="st3">No</text>
  358. </g>
  359. <g transform="translate(43.9688,-110.25)">
  360. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  361. <text x="19.32" y="1482.6" class="st3">Is there a <tspan x="8.66" dy="1.2em" class="st5">&lt;</tspan>!DOCTYPE&gt;?</text>
  362. </g>
  363. <g transform="translate(115.969,-128.25)">
  364. <line x1="0" y1="1503" x2="31.23" y2="1503" class="st7" />
  365. <rect x="11.482" y="1498.2" width="13.785" height="9.6" class="st9" />
  366. <text x="11.48" y="1505.4" class="st3">Yes</text>
  367. </g>
  368. <g transform="translate(43.9688,-20.25)">
  369. <rect x="0" y="1458" width="72" height="54" class="st4" />
  370. <text x="19.77" y="1482.6" class="st3">Switch to <tspan x="11.77" dy="1.2em" class="st12">Quirks Mode</tspan>
  371. </text>
  372. </g>
  373. <g transform="translate(70.9688,-110.25)">
  374. <line x1="9" y1="1512" x2="9" y2="1542.48" class="st7" />
  375. <rect x="3.887" y="1525.2" width="10.227" height="9.6" class="st9" />
  376. <text x="3.89" y="1532.4" class="st3">No</text>
  377. </g>
  378. <g transform="translate(262.125,-883.125)">
  379. <rect x="0" y="1458" width="72" height="54" class="st4" />
  380. <text x="19.77" y="1477.8" class="st3">Switch to <tspan x="9.32" dy="1.2em" class="st12">IE</tspan>
  381. <tspan class="st12">8</tspan>
  382. <tspan class="st12">Standards</tspan>
  383. <tspan x="25.56" dy="1.2em" class="st12">Mode</tspan>
  384. </text>
  385. </g>
  386. <g transform="translate(188.719,-199.594)">
  387. <polyline points="0,1518.28 0,1523.72 -102.48,1523.72" class="st7" />
  388. <rect x="-56.394" y="1518.92" width="10.227" height="9.6" class="st9" />
  389. <text x="-56.39" y="1526.12" class="st3">No</text>
  390. </g>
  391. <g transform="translate(152.719,-110.25)">
  392. <rect x="0" y="1458" width="72" height="54" class="st4" />
  393. <text x="21.33" y="1482.6" class="st3">Treat as <tspan x="14.44" dy="1.2em" class="st12">EmulateIE</tspan>
  394. <tspan class="st12">9</tspan>
  395. </text>
  396. </g>
  397. <g transform="translate(397.125,-1350.95)">
  398. <rect x="0" y="1445.28" width="405" height="66.717" class="st16" />
  399. <image x="0" y="1445.28" width="405" height="66.717" preserveAspectRatio="none" xlink:href="How%20IE9%20Determines%20Document%20Mode.image1.png" />
  400. <rect x="0" y="1445.28" width="405" height="66.717" class="st16" />
  401. </g>
  402. <g transform="translate(153,-804.375)">
  403. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  404. <text x="15.54" y="1477.8" class="st3">Is the value<tspan x="22.99" dy="1.2em" class="st12">IE</tspan>
  405. <tspan class="st12">=</tspan>
  406. <tspan class="st12">9</tspan>or<tspan x="18.32" dy="1.2em" class="st12">IE</tspan>
  407. <tspan class="st12">=</tspan>
  408. <tspan class="st12">edge</tspan>?</text>
  409. </g>
  410. <g transform="translate(225,-822.375)">
  411. <line x1="0" y1="1503" x2="31.6" y2="1503" class="st7" />
  412. <rect x="11.67" y="1498.2" width="13.785" height="9.6" class="st9" />
  413. <text x="11.67" y="1505.4" class="st3">Yes</text>
  414. </g>
  415. <g transform="translate(262.125,-804.375)">
  416. <rect x="0" y="1458" width="72" height="54" class="st4" />
  417. <text x="19.77" y="1477.8" class="st3">Switch to <tspan x="9.32" dy="1.2em" class="st12">IE</tspan>
  418. <tspan class="st12">9</tspan>
  419. <tspan class="st12">Standards</tspan>
  420. <tspan x="25.56" dy="1.2em" class="st12">Mode</tspan>
  421. </text>
  422. </g>
  423. <g transform="translate(180,-883.125)">
  424. <line x1="9" y1="1512" x2="9" y2="1531.23" class="st7" />
  425. <rect x="3.887" y="1519.58" width="10.227" height="9.6" class="st9" />
  426. <text x="3.89" y="1526.78" class="st3">No</text>
  427. </g>
  428. <g transform="translate(539.24,-212.7)">
  429. <rect x="0" y="1246.65" width="228.771" height="265.351" class="st16" />
  430. <image x="0" y="1246.65" width="228.771" height="265.351" preserveAspectRatio="none" xlink:href="How%20IE9%20Determines%20Document%20Mode.image2.png" />
  431. <rect x="0" y="1246.65" width="228.771" height="265.351" class="st16" />
  432. </g>
  433. <g transform="translate(217.5,-518.625)">
  434. <rect x="0" y="1240.36" width="598.125" height="271.642" class="st16" />
  435. <image x="0" y="1240.36" width="598.125" height="271.642" preserveAspectRatio="none" xlink:href="How%20IE9%20Determines%20Document%20Mode.image3.png" />
  436. <rect x="0" y="1240.36" width="598.125" height="271.642" class="st16" />
  437. </g>
  438. <g transform="translate(334.125,-1157.63)">
  439. <polyline points="0,1512 85.5,1512 85.5,1883.52" class="st10" />
  440. <rect x="78.608" y="1653.45" width="13.785" height="9.6" class="st9" />
  441. <text x="78.61" y="1660.65" class="st3">Yes</text>
  442. </g>
  443. <g transform="translate(44.625,-1278.19)">
  444. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  445. <text x="19.99" y="1482.6" class="st3">Is this an <tspan x="18.66" dy="1.2em" class="st5">IFRAME</tspan>?</text>
  446. </g>
  447. <g transform="translate(151.875,-1278.19)">
  448. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  449. <text x="8.65" y="1473" class="st3">Is the Top-level <tspan x="15.32" dy="1.2em" class="st5">Page in IE</tspan>9 <tspan x="17.77" dy="1.2em" class="st5">Standards</tspan>
  450. <tspan x="23.77" dy="1.2em" class="st5">Mode</tspan>?</text>
  451. </g>
  452. <g transform="translate(367.875,-1278.19)">
  453. <rect x="0" y="1458" width="72" height="54" class="st4" />
  454. <text x="2.43" y="1477.8" class="st3">Render IFRAMEin <tspan x="11.77" dy="1.2em" class="st12">Quirks Mode</tspan>
  455. <tspan x="5.09" dy="1.2em" class="st5">within IE</tspan>9 Engine</text>
  456. </g>
  457. <g transform="translate(259.875,-1278.19)">
  458. <polygon points="0,1485 36,1458 72,1485 36,1512 0,1485" class="st4" />
  459. <text x="19.99" y="1473" class="st3">Does the <tspan x="20.89" dy="1.2em" class="st5">IFRAME</tspan>
  460. <tspan x="9.55" dy="1.2em" class="st5">indicate Quirks</tspan>
  461. <tspan x="23.77" dy="1.2em" class="st5">Mode</tspan>?</text>
  462. </g>
  463. <g transform="translate(259.875,-1199.44)">
  464. <rect x="0" y="1458" width="72" height="54" class="st4" />
  465. <text x="2.43" y="1477.8" class="st3">Render IFRAME in <tspan x="9.32" dy="1.2em" class="st12">IE</tspan>
  466. <tspan class="st12">9</tspan>
  467. <tspan class="st12">Standards</tspan>
  468. <tspan x="25.56" dy="1.2em" class="st12">Mode</tspan>
  469. </text>
  470. </g>
  471. <g transform="translate(151.875,-1199.44)">
  472. <rect x="0" y="1458" width="72" height="54" class="st4" />
  473. <text x="6.66" y="1468.2" class="st3">IFRAME can not <tspan x="13.1" dy="1.2em" class="st5">render in IE</tspan>9 <tspan x="6.65" dy="1.2em" class="st5">Standards Mode</tspan>
  474. <tspan x="9.32" dy="1.2em" class="st5">and follows the</tspan>
  475. <tspan x="15.77" dy="1.2em" class="st5">rules below</tspan>
  476. </text>
  477. </g>
  478. <g transform="translate(116.625,-1296.19)">
  479. <line x1="0" y1="1503" x2="28.77" y2="1503" class="st10" />
  480. <rect x="10.732" y="1498.2" width="13.785" height="9.6" class="st9" />
  481. <text x="10.73" y="1505.4" class="st3">Yes</text>
  482. </g>
  483. <g transform="translate(223.875,-1296.19)">
  484. <line x1="0" y1="1503" x2="29.52" y2="1503" class="st10" />
  485. <rect x="11.108" y="1498.2" width="13.785" height="9.6" class="st9" />
  486. <text x="11.11" y="1505.4" class="st3">Yes</text>
  487. </g>
  488. <g transform="translate(331.875,-1296.19)">
  489. <line x1="0" y1="1503" x2="29.52" y2="1503" class="st10" />
  490. <rect x="11.108" y="1498.2" width="13.785" height="9.6" class="st9" />
  491. <text x="11.11" y="1505.4" class="st3">Yes</text>
  492. </g>
  493. <g transform="translate(286.875,-1278.19)">
  494. <line x1="9" y1="1512" x2="9" y2="1530.27" class="st10" />
  495. <rect x="3.887" y="1519.58" width="10.227" height="9.6" class="st9" />
  496. <text x="3.89" y="1526.78" class="st3">No</text>
  497. </g>
  498. <g transform="translate(178.875,-1278.19)">
  499. <line x1="9" y1="1512" x2="9" y2="1530.27" class="st10" />
  500. <rect x="3.887" y="1519.58" width="10.227" height="9.6" class="st9" />
  501. <text x="3.89" y="1526.78" class="st3">No</text>
  502. </g>
  503. <g transform="translate(71.6719,-1278.19)">
  504. <polyline points="8.95,1512 8.95,1530 9.05,1530 9.05,1599.08" class="st10" />
  505. <rect x="3.934" y="1538.44" width="10.227" height="9.6" class="st9" />
  506. <text x="3.93" y="1545.64" class="st3">No</text>
  507. </g>
  508. <g transform="translate(151.875,-1210.12)">
  509. <line x1="0" y1="1503" x2="-65.52" y2="1503" class="st10" />
  510. </g>
  511. <g transform="translate(23.625,-1190.25)">
  512. <polygon points="0,1512 801,1512 801,1360.5 0,1360.5 0,1512" class="st15" />
  513. </g>
  514. <g transform="translate(23.625,-1195.12)">
  515. <rect x="0" y="1372.88" width="18" height="139.125" class="st16" />
  516. <text x="-1492.77" y="12.6" transform="rotate(-90)" class="st17">IFRAME Handling</text>
  517. </g>
  518. <g transform="translate(90,-1370.25)">
  519. <polyline points="-8.63,1512 -8.63,1530 -9.37,1530 -9.37,1543.58" class="st10" />
  520. <rect x="-13.738" y="1520.18" width="10.227" height="9.6" class="st9" />
  521. <text x="-13.74" y="1527.38" class="st3">No</text>
  522. </g>
  523. </svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement