OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="ko" > | 2 <html lang="ko" > |
3 <head> | 3 <head> |
4 <meta charset="utf-8"/> | 4 <meta charset="utf-8"/> |
5 <meta http-equiv="Content-Language" content="zh" > | 5 <meta http-equiv="Content-Language" content="zh" > |
6 <title>html lang and meta elements</title> | 6 <title>html lang and meta elements</title> |
7 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> | 7 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> |
8 <link rel='help' href='https://html.spec.whatwg.org/multipage/#the-lang-and-xml:
lang-attributes'> | 8 <link rel='help' href='https://html.spec.whatwg.org/multipage/#the-lang-and-xml:
lang-attributes'> |
9 <script src="/resources/testharness.js"></script> | 9 <script src="/resources/testharness.js"></script> |
10 <script src="/resources/testharnessreport.js"></script> | 10 <script src="/resources/testharnessreport.js"></script> |
11 <meta name='flags' content='dom'> | 11 <meta name='flags' content='dom'> |
12 <style type='text/css'> | 12 <style type='text/css'> |
13 #colonlangcontroltest { color: red; font-weight: bold; width: 400px; } | 13 #colonlangcontroltest { color: red; font-weight: bold; width: 400px; } |
14 #colonlangcontroltest:lang(xx) { display:none; } | 14 #colonlangcontroltest:lang(xx) { display:none; } |
15 .test div { width: 50px; } | 15 .test div { width: 50px; } |
16 #box:lang(ko) { width: 100px; } | 16 #box:lang(ko) { width: 100px; } |
17 </style> | 17 </style> |
18 </head> | 18 </head> |
19 <body> | 19 <body> |
20 | 20 |
21 | 21 |
22 | 22 |
23 <div class="test"><div id="box"> </div></div> | 23 <div class="test"><div id="box"> </div></div> |
24 <p lang='xx' id='colonlangcontroltest'>This test failed because it relies on :la
ng for results, but :lang is not supported by this browser.</p> | 24 <p lang='xx' id='colonlangcontroltest'>This test failed because it relies on :la
ng for results, but :lang is not supported by this browser.</p> |
25 | 25 |
26 | 26 |
27 <!-- Notes: | 27 <!--Notes: |
28 | 28 |
29 This test uses :lang to detect whether the language has been set. If :lang is no
t supported, a message will appear and the test will fail. | 29 This test uses :lang to detect whether the language has been set. If :lang is no
t supported, a message will appear and the test will fail. |
30 | 30 |
31 --> | 31 --> |
32 <script> | 32 <script> |
33 test(function() { | 33 test(function() { |
34 assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0) | 34 assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0) |
35 assert_equals(document.getElementById('box').offsetWidth, 100); | 35 assert_equals(document.getElementById('box').offsetWidth, 100); |
36 }, "If there is a conflict between the language declared using lang in the html
element and that in the meta element, the UA will recognize the language declare
d in the html element."); | 36 }, "If there is a conflict between the language declared using lang in the html
element and that in the meta element, the UA will recognize the language declare
d in the html element."); |
37 </script> | 37 </script> |
38 | 38 |
39 <div id='log'></div> | 39 <div id='log'></div> |
40 | 40 |
41 </body> | 41 </body> |
42 </html> | 42 </html> |
OLD | NEW |