hash-name-reference-test-data.html (9691B)
1 <!DOCTYPE {{GET[doctype]}}> 2 <!-- This file should be polyglot --> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta charset="utf-8"/> 6 <title>Test data for hash name reference</title> 7 <style> 8 body { margin: 0 } 9 img, object { height: 1px; display:block } 10 </style> 11 </head> 12 <body> 13 14 <div data-expect="no match"> 15 <img src="/images/threecolors.png" usemap="no-hash-name"/> 16 <object data="/images/threecolors.png" usemap="no-hash-name"></object> 17 <map name="no-hash-name"> 18 <area shape="rect" coords="0,0,99,50" href="#area-no-hash-name"/> 19 </map> 20 </div> 21 22 <div data-expect="no match"> 23 <img src="/images/threecolors.png" usemap="no-hash-id"/> 24 <object data="/images/threecolors.png" usemap="no-hash-id"></object> 25 <map id="no-hash-id"> 26 <area shape="rect" coords="0,0,99,50" href="#area-no-hash-id"/> 27 </map> 28 </div> 29 30 <div data-expect="area-hash-name"> 31 <img src="/images/threecolors.png" usemap="#hash-name"/> 32 <object data="/images/threecolors.png" usemap="#hash-name"></object> 33 <map name="hash-name"> 34 <area shape="rect" coords="0,0,99,50" href="#area-hash-name"/> 35 </map> 36 </div> 37 38 <div data-expect="area-hash-id"> 39 <img src="/images/threecolors.png" usemap="#hash-id"/> 40 <object data="/images/threecolors.png" usemap="#hash-id"></object> 41 <map id="hash-id"> 42 <area shape="rect" coords="0,0,99,50" href="#area-hash-id"/> 43 </map> 44 </div> 45 46 <div data-expect="area-non-map-with-this-name"> 47 <img src="/images/threecolors.png" usemap="#non-map-with-this-name" name="non-map-with-this-name"/> 48 <object data="/images/threecolors.png" usemap="#non-map-with-this-name"></object> 49 <map name="non-map-with-this-name"> 50 <area shape="rect" coords="0,0,99,50" href="#area-non-map-with-this-name"/> 51 </map> 52 </div> 53 54 <div data-expect="area-non-map-with-this-id"> 55 <img src="/images/threecolors.png" usemap="#non-map-with-this-id" id="non-map-with-this-id"/> 56 <object data="/images/threecolors.png" usemap="#non-map-with-this-id"></object> 57 <map id="non-map-with-this-id"> 58 <area shape="rect" coords="0,0,99,50" href="#area-non-map-with-this-id"/> 59 </map> 60 </div> 61 62 <div data-expect="area-two-maps-with-this-name-1"> 63 <img src="/images/threecolors.png" usemap="#two-maps-with-this-name"/> 64 <object data="/images/threecolors.png" usemap="#two-maps-with-this-name"></object> 65 <map name="two-maps-with-this-name"> 66 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-name-1"/> 67 </map> 68 <map name="two-maps-with-this-name"> 69 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-name-2"/> 70 </map> 71 </div> 72 73 <div data-expect="area-two-maps-with-this-id-1"> 74 <img src="/images/threecolors.png" usemap="#two-maps-with-this-id"/> 75 <object data="/images/threecolors.png" usemap="#two-maps-with-this-id"></object> 76 <map id="two-maps-with-this-id"> 77 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-id-1"/> 78 </map> 79 <map id="two-maps-with-this-id"> 80 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-id-2"/> 81 </map> 82 </div> 83 84 <div data-expect="area-two-maps-with-this-name-or-id-1"> 85 <img src="/images/threecolors.png" usemap="#two-maps-with-this-name-or-id"/> 86 <object data="/images/threecolors.png" usemap="#two-maps-with-this-name-or-id"></object> 87 <map name="two-maps-with-this-name-or-id"> 88 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-name-or-id-1"/> 89 </map> 90 <map id="two-maps-with-this-name-or-id"> 91 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-name-or-id-2"/> 92 </map> 93 </div> 94 95 <div data-expect="area-two-maps-with-this-id-or-name-1"> 96 <img src="/images/threecolors.png" usemap="#two-maps-with-this-id-or-name"/> 97 <object data="/images/threecolors.png" usemap="#two-maps-with-this-id-or-name"></object> 98 <map id="two-maps-with-this-id-or-name"> 99 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-id-or-name-1"/> 100 </map> 101 <map name="two-maps-with-this-id-or-name"> 102 <area shape="rect" coords="0,0,99,50" href="#area-two-maps-with-this-id-or-name-2"/> 103 </map> 104 </div> 105 106 <div data-expect="no match"> 107 <img src="/images/threecolors.png" usemap="hash-last#"/> 108 <object data="/images/threecolors.png" usemap="hash-last#"></object> 109 <map name="hash-last" id="hash-last"> 110 <area shape="rect" coords="0,0,99,50" href="#area-hash-last-no-hash-in-map-name-and-id"/> 111 </map> 112 <map name="hash-last#" id="hash-last#"> 113 <area shape="rect" coords="0,0,99,50" href="#area-hash-last-with-hash-in-map-name-and-id"/> 114 </map> 115 </div> 116 117 <div data-expect="no match"> 118 <img src="/images/threecolors.png" usemap=""/> 119 <object data="/images/threecolors.png" usemap=""></object> 120 <map name="" id=""> 121 <area shape="rect" coords="0,0,99,50" href="#area-empty-usemap-empty-map-name-and-id"/> 122 </map> 123 </div> 124 125 <div data-expect="no match"> 126 <img src="/images/threecolors.png" usemap="#"/> 127 <object data="/images/threecolors.png" usemap="#"></object> 128 <map name="" id=""> 129 <area shape="rect" coords="0,0,99,50" href="#area-hash-usemap-empty-name-and-id"/> 130 </map> 131 </div> 132 133 <div data-expect="area-hash-space-usemap-space-map-name"> 134 <img src="/images/threecolors.png" usemap="# "/> 135 <object data="/images/threecolors.png" usemap="# "></object> 136 <map name=" "> 137 <area shape="rect" coords="0,0,99,50" href="#area-hash-space-usemap-space-map-name"/> 138 </map> 139 </div> 140 141 <div data-expect="area-hash-LF-usemap-LF-map-id"> 142 <img src="/images/threecolors.png" usemap="#
"/> 143 <object data="/images/threecolors.png" usemap="#
"></object> 144 <map id="
"> 145 <area shape="rect" coords="0,0,99,50" href="#area-hash-LF-usemap-LF-map-id"/> 146 </map> 147 </div> 148 149 <div data-expect="no match"> 150 <img src="/images/threecolors.png" usemap="#percent-escape-name-%41"/> 151 <object data="/images/threecolors.png" usemap="#percent-escape-name-%41"></object> 152 <map name="percent-escape-name-A"> 153 <area shape="rect" coords="0,0,99,50" href="#area-percent-escape-name-A"/> 154 </map> 155 </div> 156 157 <div data-expect="no match"> 158 <img src="/images/threecolors.png" usemap="#percent-escape-id-%41"/> 159 <object data="/images/threecolors.png" usemap="#percent-escape-id-%41"></object> 160 <map id="percent-escape-id-A"> 161 <area shape="rect" coords="0,0,99,50" href="#area-percent-escape-id-A"/> 162 </map> 163 </div> 164 165 <div data-expect="area-percent-escape-name-B"> 166 <img src="/images/threecolors.png" usemap="#percent-escape-name-%42"/> 167 <object data="/images/threecolors.png" usemap="#percent-escape-name-%42"></object> 168 <map name="percent-escape-name-%42"> 169 <area shape="rect" coords="0,0,99,50" href="#area-percent-escape-name-B"/> 170 </map> 171 </div> 172 173 <div data-expect="area-percent-escape-id-B"> 174 <img src="/images/threecolors.png" usemap="#percent-escape-id-%42"/> 175 <object data="/images/threecolors.png" usemap="#percent-escape-id-%42"></object> 176 <map id="percent-escape-id-%42"> 177 <area shape="rect" coords="0,0,99,50" href="#area-percent-escape-id-B"/> 178 </map> 179 </div> 180 181 <div data-expect="area-hash-space-name"> 182 <img src="/images/threecolors.png" usemap="# hash-space-name"/> 183 <object data="/images/threecolors.png" usemap="# hash-space-name"></object> 184 <map name=" hash-space-name"> 185 <area shape="rect" coords="0,0,99,50" href="#area-hash-space-name"/> 186 </map> 187 </div> 188 189 <div data-expect="area-hash-space-id"> 190 <img src="/images/threecolors.png" usemap="# hash-space-id"/> 191 <object data="/images/threecolors.png" usemap="# hash-space-id"></object> 192 <map id=" hash-space-id"> 193 <area shape="rect" coords="0,0,99,50" href="#area-hash-space-id"/> 194 </map> 195 </div> 196 197 <div data-expect="area-space-before-hash-name"> 198 <img src="/images/threecolors.png" usemap=" #space-before-hash-name"/> 199 <object data="/images/threecolors.png" usemap=" #space-before-hash-name"></object> 200 <map name="space-before-hash-name"> 201 <area shape="rect" coords="0,0,99,50" href="#area-space-before-hash-name"/> 202 </map> 203 </div> 204 205 <div data-expect="area-space-before-hash-id"> 206 <img src="/images/threecolors.png" usemap=" #space-before-hash-id"/> 207 <object data="/images/threecolors.png" usemap=" #space-before-hash-id"></object> 208 <map id="space-before-hash-id"> 209 <area shape="rect" coords="0,0,99,50" href="#area-space-before-hash-id"/> 210 </map> 211 </div> 212 213 <div data-expect="area-garbage-before-hash-name"> 214 <img src="/images/threecolors.png" usemap="http://example.org/#garbage-before-hash-name"/> 215 <object data="/images/threecolors.png" usemap="http://example.org/#garbage-before-hash-name"></object> 216 <map name="garbage-before-hash-name"> 217 <area shape="rect" coords="0,0,99,50" href="#area-garbage-before-hash-name"/> 218 </map> 219 </div> 220 221 <div data-expect="area-garbage-before-hash-id"> 222 <img src="/images/threecolors.png" usemap="http://example.org/#garbage-before-hash-id"/> 223 <object data="/images/threecolors.png" usemap="http://example.org/#garbage-before-hash-id"></object> 224 <map id="garbage-before-hash-id"> 225 <area shape="rect" coords="0,0,99,50" href="#area-garbage-before-hash-id"/> 226 </map> 227 </div> 228 229 <div data-expect="no match"> 230 <img src="/images/threecolors.png" usemap="#no-such-map"/> 231 <object data="/images/threecolors.png" usemap="#no-such-map"></object> 232 <map> 233 <area shape="rect" coords="0,0,99,50" href="#area-no-such-map"/> 234 </map> 235 </div> 236 237 <div data-expect="no match"> 238 <img src="/images/threecolors.png" usemap="#different-CASE-name"/> 239 <object data="/images/threecolors.png" usemap="#different-CASE-name"></object> 240 <map name="different-case-name"> 241 <area shape="rect" coords="0,0,99,50" href="#area-different-case-name"/> 242 </map> 243 </div> 244 245 <div data-expect="no match"> 246 <img src="/images/threecolors.png" usemap="#different-CASE-id"/> 247 <object data="/images/threecolors.png" usemap="#different-CASE-id"></object> 248 <map id="different-case-id"> 249 <area shape="rect" coords="0,0,99,50" href="#area-different-case-id"/> 250 </map> 251 </div> 252 253 </body> 254 </html>