the-input-byte-stream-034.html (1640B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <title>HTTP vs UTF-8 BOM</title> 5 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 6 <link rel='help' href='https://html.spec.whatwg.org/multipage/#the-input-byte-stream'> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <meta name='flags' content='http'> 10 <style type='text/css'> 11 .test div { width: 50px; }</style> 12 <link rel="stylesheet" type="text/css" href="support/encodingtests-utf8.css"> 13 </head> 14 <body> 15 16 17 18 <div class='test'><div id='box' class='ýäè'> </div></div> 19 20 21 <!--Notes: 22 23 The HTTP header attempts to set the character encoding to ISO 8859-15. The page starts with a UTF-8 signature. 24 25 The test contains a div with a class name that contains the following sequence of bytes: 0xC3 0xBD 0xC3 0xA4 0xC3 0xA8. These represent different sequences of characters in ISO 8859-15, ISO 8859-1 and UTF-8. The external, UTF-8-encoded stylesheet contains a selector <code>.test div.ýäè</code>. This matches the sequence of bytes above when they are interpreted as UTF-8. If the class name matches the selector then the test will pass. 26 27 If the test is unsuccessful, the characters  should appear at the top of the page. These represent the bytes that make up the UTF-8 signature when encountered in the ISO 8859-15 encoding. 28 29 --> 30 <script> 31 test(function() { 32 assert_equals(document.getElementById('box').offsetWidth, 100); 33 }, "A character encoding set in the HTTP header has lower precedence than the UTF-8 signature."); 34 </script> 35 36 <div id='log'></div> 37 38 </body> 39 </html>