OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"/> | 4 <meta charset="utf-8"/> |
5 <title>HTML Test: BDI: neutral when number</title> | 5 <title>HTML Test: BDI: neutral when number</title> |
6 <link rel="match" href="bdi-neutral-number-ref.html"/> | 6 <link rel="match" href="bdi-neutral-number-ref.html"/> |
7 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> | 7 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> |
8 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com"/> | 8 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com"/> |
9 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-eleme
nt"/> | 9 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-eleme
nt"/> |
10 <meta name="assert" content=" | 10 <meta name="assert" content=" |
11 'For the purposes of applying the bidirectional algorithm to the paragraph
-level | 11 'For the purposes of applying the bidirectional algorithm to the paragraph
-level |
12 container that a bdi element finds itself within, the bdi element must be
treated | 12 container that a bdi element finds itself within, the bdi element must be
treated |
13 like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/> | 13 like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/> |
14 <style> | 14 <style> |
15 body{ | 15 body{ |
16 font-size:2em; | 16 font-size:2em; |
17 } | 17 } |
18 .test, .ref { | 18 .test, .ref { |
19 border: medium solid gray; | 19 border: medium solid gray; |
20 width: 400px; | 20 width: 400px; |
21 margin: 20px; | 21 margin: 20px; |
22 } | 22 } |
23 .comments { display: none; } | 23 .comments { display: none; } |
24 </style> | 24 </style> |
25 </head> | 25 </head> |
26 <body> | 26 <body> |
27 <div class="instructions" style="display:none"><p>Test passes if the two box
es below look exactly the same.</p></div> | 27 <div class="instructions"><p>Test passes if the two boxes below look exactly
the same.</p></div> |
28 <div class="comments"> | 28 <div class="comments"> |
29 Key to entities used below: | 29 Key to entities used below: |
30 א ... ו - The first six Hebrew letters (strongly RTL). | 30 א ... ו - The first six Hebrew letters (strongly RTL). |
31 ‭ - The LRO (left-to-right override) formatting character. | 31 ‭ - The LRO (left-to-right override) formatting character. |
32 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. | 32 ‬ - The PDF (pop directional formatting) formatting character; cl
oses LRO. |
33 If the BDI in the test's first DIV were a SPAN, the 1 inside it would be v
isually ordered | 33 If the BDI in the test's first DIV were a SPAN, the 1 inside it would be v
isually ordered |
34 to the left of the א. | 34 to the left of the א. |
35 </div> | 35 </div> |
36 <div class="test"> | 36 <div class="test"> |
37 <div dir="ltr">א - <bdi>[1]</bdi>...</div> | 37 <div dir="ltr">א - <bdi>[1]</bdi>...</div> |
38 <div dir="ltr">א - <bdi dir="ltr">[1]</bdi>...</div> | 38 <div dir="ltr">א - <bdi dir="ltr">[1]</bdi>...</div> |
39 <div dir="ltr">א - <bdi dir="rtl">[1]</bdi>...</div> | 39 <div dir="ltr">א - <bdi dir="rtl">[1]</bdi>...</div> |
40 <div dir="rtl">a - <bdi>[1]</bdi>...</div> | 40 <div dir="rtl">a - <bdi>[1]</bdi>...</div> |
41 <div dir="rtl">a - <bdi dir="ltr">[1]</bdi>...</div> | 41 <div dir="rtl">a - <bdi dir="ltr">[1]</bdi>...</div> |
42 <div dir="rtl">a - <bdi dir="rtl">[1]</bdi>...</div> | 42 <div dir="rtl">a - <bdi dir="rtl">[1]</bdi>...</div> |
43 </div> | 43 </div> |
44 <div class="ref"> | 44 <div class="ref"> |
45 <div dir="ltr">‭א - [1]...‬</div> | 45 <div dir="ltr">‭א - [1]...‬</div> |
46 <div dir="ltr">‭א - [1]...‬</div> | 46 <div dir="ltr">‭א - [1]...‬</div> |
47 <div dir="ltr">‭א - [1]...‬</div> | 47 <div dir="ltr">‭א - [1]...‬</div> |
48 <div dir="rtl">‭...[1] - a‬</div> | 48 <div dir="rtl">‭...[1] - a‬</div> |
49 <div dir="rtl">‭...[1] - a‬</div> | 49 <div dir="rtl">‭...[1] - a‬</div> |
50 <div dir="rtl">‭...[1] - a‬</div> | 50 <div dir="rtl">‭...[1] - a‬</div> |
51 </div> | 51 </div> |
52 </body> | 52 </body> |
53 </html> | 53 </html> |
OLD | NEW |